Guidebase Store

Bigcommerce Responsive Theme - Userguide

Created: 01/04/2017
Latest update: 01/04/2017/li>
By: Apollotheme

THANK YOU FOR PURCHASING OUR THEME!

Here are some basics on installing, configuring and customizing the Guidebase Store,

BEFORE WE GO

The theme and the sample data is provided "as is". Customizing code and other design related issues can be done as freelance work on a $50-100 hourly rate only with Paypal and/or Skrill, if Guidebase Store's available. If you are new to Bigcommerce, please understand I cannot fix your site for free. Apollotheme would love to help everyone but there is no time. I suggest reading documentation available online regarding using Bigcommerce, server requirements, etc.

If you like this theme please rate it.

Have a wonderful rest of your day!

Apollotheme Team

THEME INTRODUCTION

Responsive Bigcommerce theme "Guidebase Store" is an elegant eCommerce Bigcommerce Guidebase theme that charms your stores with the professional design, a sleek layout and functional features. The site makeover is well suited for Guidebase stores about clothing, shoes, glasses and accessories.

At the first glance, you may fall for the beautiful imagery display of "Guidebase Store" which is catchy, smooth and mostly animated. "Guidebase Store" supports responsive web design along with Off-canvas menu for mobile device accessibility."Guidebase Store" also settings to get your store in multiple store views.

Getting Started

Getting up and running with Providence is quick and easy. Simply create a Bigcommerce 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 Providence in under ten minutes!

Purchasing Providence

You could buy theme at providers such as: ThemeForest , Bigcommerce ...

Installing Providence

After you have followed the 'Purchasing Providence' steps above, you can download your theme and easily install your own theme for your online store based on our guideline below.

- Below is the image size we used in demo (You can refer them to build your website)

- You must upload/import images had the same size. The product’s image must had the same ratio.

- Ratio = (Width/height). Example: Product image had size (400px x 200px) => ratio = 400/200 = 2. You must upload all product image for website has ratio = 2.

AP New Fashion

Note: For display perfectly on the webpage, you just need to follow the exact image dimension and steps we given below, if your current image does not fit, you can use
software like photoshop to crop the image to the given dimension. These are most typical images of New Fashion Theme:

Image Dimension - Home 1

STT	Image Name	Image Size	Demo
1	Slideshow Image	1920x880	View image
2	Product Image	760x985	View image
3	Banner Image	320x480 960x540 515x440	View image View image View image
4	Image logo	130x52	View image

Image Dimension - Home 2

STT	Image Name	Image Size	Demo
1	Slideshow Image	1170x700	View image
2	Product Image	760x985	View image
3	Banner Image	77x380	View image

Image Dimension - Home 3

STT	Image Name	Image Size	Demo
1	Slideshow Image	1400x650	View image
2	Product Image	760x985	View image
3	Banner Image	370x220	View image
4	Image Logo	130x52	View image
5	Background Testimonial	1200x600	View image

Image Dimension - Home 4

STT	Image Name	Image Size	Demo
1	Slideshow Image	1400x650	View image
2	Product Image	760x985	View image
3	Banner Image	1400x1200	View image
4	Image Icon	60x60	View image
5	Image Logo	130x52	View image
6	Blog Image	1140x620	View image

Image Dimension - Page About Us

STT	Image Name	Image Size	Demo
1	Breadcrumb Image	1920x320	View image
2	Background Content	1920x800	View image
3	Banner Image	192x300 960x540	View image View image
4	Image Icon	60x60	View image

I. Install theme

If you are new with Bigcommerce. We advise reading and familiarizing yourself with the Bigcommerce Manual.

To install the theme, log in to your Bigcommerce

Upload theme

II. Edit Currency

Upload theme

Link Detail Here

III. Create page

1. Creating a Web Content Page

Go to Storefront Content › Web Pages, then click Create a Web Page.

Upload theme

Pages you created will be shown on the navigation menu.

Notes: Bigcommerce currently supports sub-menu for categories only, if you nested child page within parent page, child page will not be shown.

Link Detail Here

IV. Import Data Product Sample

- Go to Products › Import Products.

- Fill out your preferred settings under Import Details.Reference link:

Link Import Product

- General Setting

- When store administrators use Theme Editor to customize your theme for their store, the store's resulting configuration settings are saved to a separate configuration service at BigCommerce.

Upload theme

Theme Editor is a friendly user interface that allows BigCommerce merchants to modify their storefront's look and feel without coding.
Users customize their storefront theme by selecting from among graphical examples and menu options.

Upload theme

Megamenu

1.Create menu

Detail here

2.Configure Color Menu

- Go to Theme Editor -> Header -> Scroll to Page navigation

3.Configure Megamenu

- Go to Theme Editor -> Edit Theme Files -> lang -> en.json

4.Get Category Menu ID

- Go to Product -> Product Categories -> Collections -> Edit

5.Get Link Image

- Go to Storefont -> Image Manager -> Collections -> Edit

Label menu

3.Configure Label menu

- Go to Theme Editor -> Edit Theme Files -> lang -> en.json

4.Get Category Menu ID

- Go to Product -> Product Categories -> Collections -> Edit

Slideshow

1.Carousel builder

- Go to Storefront Design › Home Page Carousel to edit slideshow:

Carousel Builder
2.Carousel configuration

- Go to Theme editor -> Carousel

Home 1

Go to Customize --> Edit Theme Files --> lang --> en.json

Product Carousel

Block Logo

Block Newsletter

Block Testimonial

And Ctrl+F to search "content_testimonial"

Block BrandList

And Ctrl+F to search "brand-carousel"

Block HTML Bottom

Home 2

Go to Customize --> Edit Theme Files --> lang --> en.json

Block Categories and Products

Product Carousel

Block Newsletter

Block HTML Bottom

Home 3

Go to Customize --> Edit Theme Files --> lang --> en.json

Block Banner Top

Product Carousel

Block Testimonial

And Ctrl+F to search "content_testimonial"

Home 4

Go to Customize --> Edit Theme Files --> lang --> en.json

Product Carousel

Block BrandList

And Ctrl+F to search "brand-carousel"

Block HTML Bottom

Block Blog

Block Information

Create About-us Page

Go to Storefont --> Web-Pages --> Create New Page

Config About-us Page: Go to Customize --> Edit Theme Files --> lang --> en.json --> Ctrl+F to search "about-us"

PopupNewsletter

Setup Popup: Go to Customize --> Scroll down Apollo Popup Newsletter

Config About-us Page: Go to Customize --> Edit Theme Files --> lang --> en.json --> Ctrl+F to search "popup-newsletter"

Footer

1. About Shop

- Go to Store Setup --> Store Profile

2. Navigate Footer

- GotoStorefront --> Web Pages

3. Brand Footer

- Goto Products --> Brand

5. Block Social

- Goto Storefront --> Social Media Links

Detail Here

6.Change text footert

Go to Customize --> Edit Theme Files --> lang --> en.json --> Ctrl+F to search "popup-newsletter"

Sidebar

1. Fillter Products

- Product filtering, also known as faceted search, allows shoppers to refine product searches based on multiple attributes such as price, size, ratings and more.

Detail Here

Full Document Bigcommerce