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-garden.zip and then upload garden-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 Style Product 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

breadcrumb-setting

customize

customize

customize

customize


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


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 Slider↑ Back to Page

Go to Section -> Slideshow

  • In this section, you can add slider subtitle, title, description, button & button URL, video image, title and video link .

customize


customize


Bestseller Product↑ Back to Page

Go to Section -> Bestseller Product

  • In this section, you can select the collection and main title.

customize


customize


Custom Banner↑ Back to Page

Go to Section ->Custom Banner

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

  • You can get images from, Theme-package -> garden-dummy-data-> img1

Image Dimension size we prefer to set img1 = 371x383 (width-x-height)

customize


Count section↑ Back to Page

Go to Section -> Count section

  • In this section, you can add title and count number.

customize


Category Banner↑ Back to Page

Go to Section ->Category Banner

  • In this section, you can add category image, title, subtitle, description, button, button URL and background image.

  • You can get images from, Theme-package -> garden-dummy-data-> category

Image Dimension size we prefer to set 1 = 552x366 & 2, 3 = 263x366 (width-x-height)

customize


Shop Product↑ Back to Page

Go to Section -> Shop Product

  • In this section, you can select the collection and main title, subtitle, description, button and button URL.

customize


customize


CMS video↑ Back to Page

Go to Section ->CMS video

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

  • You can get images from, Theme-package -> garden-dummy-data-> video

Image Dimension size we prefer to set video = 1415x512 (width-x-height)

customize


Product tab↑ Back to Page

Go to Section -> Product tab

  • In this section, you can add tab title collection and also add main title.

customize


customize


CMS email↑ Back to Page

Go to Section -> CMS email

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

  • You can get images from, Theme-package -> garden-dummy-data-> email

Image Dimension size we prefer to set email = 1128x350 (width-x-height)

customize


Blog Posts↑ Back to Page

Go to Section -> Blog Posts

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

customize


customize


Testimonials↑ Back to Page

Go to Section ->Testimonials

  • In this section, you can description, name, designation, review, review star, product and also add main title, subtitle.

customize



Back To Top