Get Support

Theme Installation Steps


Prepare For Installation

Step 01: With the theme package, you can get Two folders like dummy-data, theme-main.


Upload Theme↑ Back to Top

To upload that particular chosen theme layout-file, Please follow the below steps:

Step 01: Go to Online Store -> Themes and Click to Upload Theme


theme_install


Step 02: And Browse chosen theme-layout package to upload it (like theme-main.zip)

first of all you have Extract the sp-gaming.zip and then upload gaming-main.zip

add theme


Step 03: Click to Publish.

Publish theme



Store Configuration↑ Back to Top

Please follow the below-required settings to configure your store like a theme demo

Enable Customer Accounts↑ Back to Page

Go to Store Admin -> Settings -> Customer accounts

Find Customer accounts Select Classic customer accounts and click Show login link in the header of online store and at checkout then Save

customer-account


Currency Settings↑ Back to Page

Go to Store Admin -> Settings -> General
  • Then Scroll down to Store currency block and click on the Change formatting link.

Update these two fields:

1. HTML with currency to

2. HTML without currency to


currency-setting



Language Translation Settings↑ Back to Top

To change RTL layout CSS-style, you just need to regenerate the RTL file to get changes.

Go to Online Store -> Settings -> languages -> Change default language

language-theme


To choose your Default Translation Language

language-theme



Navigation Menu↑ Back to Top

Refer to some articles to get a clear idea about how to setup menu-navigation.


How to create a new menu↑ Back to Page

You can create a link, list of collections, products, pages, or blogs with the menu.

Go to Online Store -> Navigation -> Add Menu button

navigation-menu


TT Megamenu Settings↑ Back to Page

customize

customize


To add the heading.


Add Collection Menu Presets↑ Back to Menu

  • To add Submenu category page links and Banner. In this add title, select menu, and also set menu width in customizer.

customize


Add page Menu↑ Back to Menu

  • To add Submenu inner pages links.In this add title, select menu, and also set menu width in customizer.

customize



Set Store Pages↑ Back to Top

You can create unlimited pages like as About us, Contact us, Faq's, Wishlist and also other common pages.

How to Create Pages↑ Back to Page

Step 01: Go to Online Store -> Pages
div

create-page


Step 02: Click on the Add page

create-page


Templates for other pages,

  • Contact Us - contact
  • About Us - aboutus
  • FAQ's - faq
  • Wishlist - wishlist
  • And for other Pages - Default page

Create a Contact us page↑ Back to Page

Step 01: Go to Online Store -> Pages -> Add page

Step 02: Set Title & Template suffix as contact

contact us


Step 02: OR, To add additional contact page details.

contact us


Go to Online Store -> Customize -> Contact Page from top Navigation -> Section -> Contact Page

contact us


Create About us page↑ Back to Page

Step 01: Go to Online Store -> Pages -> Add page

Step 02: Set Title & Template suffix as aboutus

Faq page setting


Step 03: OR, To add additional content on the about page.

Go to Online Store -> Customize -> Select About Page from top Navigation -> Section -> About Page

Left Sidebar Countdown setting


Create Faq's page↑ Back to Page

Step 01: Go to Online Store -> Pages -> Add page

Step 02: Set Title & Template suffix as faq

Faq page setting


Step 03: OR, To add additional content on faq's page.

Go to Online Store -> Customize -> Select Faq Page from top Navigation -> Section -> Faq's Page

Left Sidebar Countdown setting


Create Wishlist page↑ Back to Page

Step 01: Go to Online Store -> Pages -> Add page

Step 02: Set Title & Template suffix as wishlist

Faq page setting


Create Other pages↑ Back to Page

Step 01: Go to Online Store -> Pages -> Add page

Step 02: Set Title & Template suffix as Default page

create-page



Theme Customize↑ Back to Top

Step 01: Go to Admin -> Online Store -> Themes -> Customize

customize


Step 02: If in case of change code files.

Go to : Admin -> Online Store -> Themes -> Edit Code

Edit theme code


Theme Settings↑ Back to Top

With the theme, there are too many options available to quickly set up your store.

theme-customize

preloader

color

typography

search

favicon


Theme Color Settings↑ Back to Page

Go to Theme Settings -> Color

To easy to set custom-color to the body, link, title, header, footer, primary button, secondary button, product hover button, etc...

customize


customize



Collection Page↑ Back to Page

There are multiple options available to look good on your collections page.

customize


customize


  • To Display the collection page.

Left Sidebar Countdown setting

Collection List Page↑ Back to Page

Left Sidebar Countdown setting


Product Page Style↑ Back to Page

To set page styles for the Product page.

customize


customize


product setting

Checkout Page↑ Back to Page

To set checkout page settings.

customize


customize

Header settings ↑ Back to Top

Go to Online Store -> Customize -> Section -> Header design

Header



Footer settings ↑ Back to Top

Go to Online Store -> Customize -> Section -> Footer design

Footer


Footer


Blog Post↑ Back to Top

To Add/Manage Blog Posts

Faq Section setting


Faq Section setting


Faq Section setting


To customize Blog inner pages.

Faq Section setting



Cookie Popup ↑ Back to Top

To enable a Cookie message-bar on store Front.

cookie-setting


cookie-bar


cookie



Homepage Section Setting ↑ Back to Top



To Create a Home page section

To add a Section, Create a new one.

add Section



Homepages Sections & Customization↑ Back to Top

Layout - Home ↑ Back to Page

customize

customize


Theme Layouts Common CMS Sections ↑ Back to Top

  • With the theme, There are many sections for the homepage builder. You can discover a list of sections in the customized control panel


List of Banner Styles

customize


Home Banner↑ Back to Page

Go to Section -> Slideshow

  • In this section, you can add subtitle, title, description, button & button URL, tag & tag URL and also add some images.

  • You can get images from, Theme-package -> gaming-dummy-data -> design-circle-2, design-circle-1, main-content-games, half-bluthooth, half-bluthooth-right, round-img-big, round-img-small, full-bulthooth, top-star.

Image Dimension size we prefer to set design-circle-2 = 209x205, design-circle-1 = 1114x529, main-content-games = 63x61, half-bluthooth = 125x642, half-bluthooth-right = 333x623, round-img-big = 60x60, round-img-small = 40x40, full-bulthooth = 111x107, top-star = 35x35 (width-x-height)

customize


customize


Bestseller Product↑ Back to Page

Go to Section -> Bestseller Product

  • In this section, you can select collection and add title, button & button URL and also add image.

  • You can get images from, Theme-package -> gaming-dummy-data -> design-circle-3

Image Dimension size we prefer to set design-circle-3 = 557x537

customize


customize

Brand Logo↑ Back to Page

Go to Section ->Brand Logo

  • In this section, you can add partner logo in the slider.

  • You can get images from, Theme-package -> gaming-dummy-data -> client-logo

Image Dimension size we prefer to set partner-logo = 96x26 (width-x-height)

customize


customize

Category Product↑ Back to Page

Go to Section -> Category Product

  • In this section, you can add tab title & tab image and also tab wise select collection, add title, button & button URL and also add images.

  • You can get images from, Theme-package -> gaming-dummy-data -> design-circle-3, main-content-games.

Image Dimension size we prefer to set design-circle-3 = 557x537, main-content-games = 63x61 (width-x-height)

customize


customize

CMS email↑ Back to Page

Go to Section ->CMS email

  • In this section, you can add subtitle, title, description and image.

  • You can get images from, Theme-package -> gaming-dummy-data -> subscribe-img

Image Dimension size we prefer to set subscribe-img = 607x324 (width-x-height)

customize

Special Product↑ Back to Page

Go to Section -> Special Product

  • In this section, you can add special product, title, description, button & button URL and also add some iamges.

  • You can get images from, Theme-package -> gaming-dummy-data -> gaming-products, gaming-products-1, design-circle-4, design-circle-5, product-cpu, double.cpu.

Image Dimension size we prefer to set gaming-products = 76x73, gaming-products-1 = 55x55, design-circle-4 = 538x858, design-circle-5 = 736x566, product-cpu = 321x361, double.cpu = 502x376 (width-x-height)

customize


customize

Special Product1↑ Back to Page

Go to Section -> Special Product1

  • In this section, you can add special product and also add some iamges.

  • You can get images from, Theme-package -> gaming-dummy-data -> about-us, double-bluthoth, full-width-bluthhoth.

Image Dimension size we prefer to set about-us = 63x61, double-bluthoth = 566x346, full-width-bluthhoth = 334x459 (width-x-height)

customize


customize

CMS Aboutus↑ Back to Page

Go to Section ->CMS Aboutus

  • In this section, you can add number, title, description and also add main title, description and image.

  • You can get images from, Theme-package -> gaming-dummy-data -> about-us

  • Image Dimension size we prefer to set about-us = 63x61 (width-x-height)

customize


Blog Posts↑ Back to Page

Go to Section -> Blog Posts

  • You can get images from, Theme-package -> gaming-dummy-data -> blog-images

customize


customize


Shop Product↑ Back to Page

Go to Section -> Shop Product

  • In this section, you can select collection and add title, description, button and button URL.

customize


customize

Testimonials↑ Back to Page

Go to Section ->Testimonials

  • In this section, you can add product image, title, description, author images, author name, designation, review point, review image and also add main title, description, button & button url.

  • You can get images from, Theme-package -> gaming-dummy-data -> testi-1, testi-2, client-img, star.

Image Dimension size we prefer to set testi-1 = 360x379, testi-2 = 360x379, client-img = 35x35, star = 88x15(width-x-height)

customize



Back To Top