Garden Center - Responsive Shopify Theme

• Created:29 June 2017
• Latest Update:30 October 2018
• By: Buddha Themes
• Email: [email protected]

Thanks for purchasing our "Garden Center - Responsive Shopify Theme "This is a clean, pleasant, responsive theme for your Shopify store that stands out of the crowd. This stylish and fashionable Shopify theme ideal for creating a shopping store, gift shop, mobile store, clothing store, any fashion industry related shop or any other type of e-store.

We bring you wonderful technologies as Sass CSS, Owl Carousel, Front Awesome and Animation. Besides, we have included Responsive Slider, Product Carousel, Blog Carousel and Ajax Add to Cart functions. It has been designed and developed to display beautifully across all of today’s modern devices including laptops, tablets, smartphones, laptops and of course desktop computers.

If you need any assistance that are beyond the scope of this help file, kindly contact us through mail. Thank you so much!

Read shopify manual before you start

• Manual
• Installing a new theme
• General settings
• Create a page
• Navigation
• Products
• Collections
• Blog
• Customizing your theme
• Customizing checkout page
• Translating your theme into another language

Attention: one language = one store. Shopify does not support multilangular online!!!

• Responsive design: Looks great on desktops, laptops, tablets and mobiles. Give it a try on your iPhone or iPad now.
• Draggable sections:Option to change the home page layout order using drag and drop option.
• Highly customizable: Change colors, fonts, background image through the theme settings. No coding required.
• Supports Multi-currency: The currecies AUD,CAD,USD,GBP,JPY,EUR,NZD,INR,PHP are inbuilt with theme
• Product sorting on collection pages: Sort by price, A to Z, newest etc.
• Great for SEO: Uses the latest Shopify SEO features and product data is formatted for Google rich snippet, so that product listings are optimized for search engines.
• Branded checkout: A seamless checkout for your customers using your logo and color scheme. You can also add a custom checkout header to your checkout screens!
• Customer accounts: Customers can register, login, change addresses and view past orders.
• Flexible slideshow:This Revolution slider displays your content the beautiful way. Whether it's a Slider, Carousel, Hero Scene.
• Newsletter integration: Easily link your Mailchimp account to the newsletter form.
• Social integration: Share by Twitter, Facebook, Google+ and Pinterest.
• Retina: "Retina" is Apple's term for a high pixel-density display—a screen packed with so many pixels you shouldn't be able to see the individual cells with your naked eye. It's more than just the resolution of the display; it's the pixels per inch (ppi).

• Getting up and running with Garden Center is quick and easy. Simply create a Shopify account, purchase the theme and upload it. You'll then have the opportunity to customize it to your liking before publishing it as your main theme.
• If that sounds like a lot, don't worry… each step is outlined in detail below and it's entirely possible to go from scratch to a store running Garden Center in under ten minutes!
• Creating a Shopify Account
• If you already have a Shopify account, then you can skip ahead to the next section. If you're considering setting up a store but haven't done so yet, read on.
• Shopify is a hosted eCommerce solution that allows you to set up and run your own online store. Pick an eCommerce website template (preferably from us!), list your products, accept credit card orders, and ship your goods — all with a few clicks of the mouse. With Shopify it's easy to sell online and there's no software to download or maintain.

• Step 1 : At first, after purchasing this theme, please download the package from Themeforest. All you need to do is move your mouse over your login name in right top corner (of course after you`re logged in Themeforest) and then click Download. Here you will find all the items that you have purchased.
• Step 2 : In the next step click the Download >All files and documentation and save the package on your computer.
• Step 3 : Please unpack the whole package after downloading it from Themeforest. On that extracted Garden-Center-V1, You can find things like Documentation, Zipped , Update-Log.txt and Readme.txt. You need to install a file "Home_v1.zip".

What's Included

• Extracted folder name would be : Garden-Center-V1, Which Contains the Documentaion, Home_v1.zip, Update-Log.txt and Readme.txt.

Theme Installation

Installing Beauty Shop is easy and quick.

To install the theme, please log in to your Shopify store and go to the Themes. From there, follow the instruction below:

1. In your back office go to: Online Store > Themes:

• Click: Upload a theme

  

• Click on Choose File button and select Home_v1.zip file, then click: Upload

2. In your Backoffice Dashboard go to: Online Store > Themes > Scroll to respective demo:

• Click: Publish theme

  

• Click: Publish

As per Shopify language translation supporting feature, we need to keying all the text based information on Language Editor section, so that we have loaded all this information with the same. Kindly refer the following screen shot to know about editing this information. Just go to your store's theme section and confirm which theme is going to be the primary one (Published theme), Then do the followings...

 

General Color settings are options that will affect your entire site. This seems like a good place to start customizing your theme...

• The Primary Color option controls your main text color, various interface colors, button colors, and more. It is well used throughout your site. The color you choose here should contrast with both a white background and the background color you choose for the outer site section.
• The Secondary Color is used for alternate text color and other places.
• The Link/Button hover color will appear when you hover over most links and buttons.
• Note: *** Apart from these colors , we have included an option to change the section's heading and its relative block's color using color picker.You can find those color pickers respective sections.

You need to add followings pages to enjoy the features of theme.

From your shop admin, go to the Online Store / Pages

1. In a Online Store / Pages, find and click button "Add a page"
2. Write in Title field as " wishlist
3. Select Visibility: Visible
4. Select Template: page.wishlist
5. Click save

1. In a Online Store / Pages, find and click button "Add a page"
2. Write in Title field as "Contact"
3. Select Visibility: Visible
4. Select Template: page.contact



5. Click save

1. In a Online Store / Pages, find and click button "Add a page"
2. Write in Title field as "Faqs"
3. Select Visibility: Visible
4. Select Template: page.faq



5. Click save

1. In a Online Store / Pages, find and click button "Add a page"
2. Write in Title field as "ABOUT US"
3. Select Visibility: Visible
4. Select Template: page.about



5. Click save

We have used two types of light weight font icons with this theme as follows.

1. Font Awesome Icons

Add Font Awesome icon class in the respective field, E.g follow the screen shots...

Note: All Font Awesome icon's class will start with "fa"



2. Material Design Iconic Font

Add Material Design icon class in the respective field, E.g follow the screen shots...

Note: All Material Design icon's class will start with "zmdi"

This theme consists 8 different types of headers, it's easy to switch between one header to another. Following screen shot will explore the step by step instructions...

To create a new menu:

• Step 1: From your Shopify admin, click Online Store, then click Navigation
• Step 2: Select the Add menu button.
• Step 3: Give your navigation a title. A handle will automatically be generated from this title.
• Step 4: Add links to your menu.
• Step 5: Click "Save" after adding all the required links.

Refer the following video for settings up mega menu

You can change all the content, image , text color, links and button bg of slider banner in the "Revolution Slider" section itself. .

Home page options can be easily configurable via these settings.

Collection page contains following options.

1. Sorting:  Sorting the products as low-price,high-price,best-products,new to old,old to new.
2. Grid view
3. List view
4. Quick Shop
5. Product Sorting



Collection sidebar contains categories, best sellers and filters.

 

Configuring Ajax filters using product tags

 



• Categories: This section displays the categories as sidebar menu, Linked list must be created in the navigation section.
• Best Selling: To display this section, Create collection in the name of best selling or whatever you like to add. And then choose it in theme settings.
• Filters:Filters will work based on options [color, size, brands] that we configured in the respective section.
  
  • You should add tags for each product as per variants (Color, Size) in your product tags fields.
    
  • And add the same tag names in respective filter input fields as below...

  

 
 
 
 
 
 
 

In two way you can display the collection @/collections page.

1. Can display every collection from your store.
2. Can display the collection which you need to display(custom collection) To add custom collection create linklist to display particular collection.Then Choose that linklist from theme settings which you create linklist for custom collections.

Product detail page includes:

• Product zoom with lightbox.
• Product detail page includes availiability,product vendor,product type and everything have to add in your product to display.
• And it provides product variants, Add to cart option,wishlist,product quantity,social sharing,related products.
• Product color variant displayed as color swatch box .

If you enable product review , don't foreget to install Product Review app.

For using social sharing option , Install Addthis sharing tool app.



 
Here we have 2 options
 
• While disable linked options, all the options will display at a time(You will have choice to pick the combinations).
• Ex: when select the particular product color, all the sizes will appear without any restriction. use can pick each any size, Available status will change based on option selection
• When enable linked options it displays only related variant options.
• Ex:When select particular product color, related size options to that specific color will appear.


 
 
 
 
 
 
 
 
 
 
 

This timer need to be set for each product individually using product ID, to configure data and time, follow the screen shots.

Select Blog Posts in admin and hit -> Add blog post, which is available at top right corner to add new one.

• Blog page contains image tite,description,read more button.
• It includes sidebar with articles and categories.
• To display categories add tags in blog posts when you add blog.Ex:Leather clothes,cotton.

About page page must be assigned to the respective template file while creating it.

Contact page options can be easily configurable using these settings.

• Contact page have an option to embed google iframe map with enable/disable features.
• Also it includes editable address fields at language translator.
• Where do I find googlemap action URL?

• Add fontawesome icon class Where do I find this Class name?

This theme comes with 8 different types of Footer styles. The following steps explain how to pick the footer styles and configure required options.