Strollik Store

Bigcommerce Responsive Theme - Userguide


THANK YOU FOR PURCHASING OUR THEME!

Here are some basics on installing, configuring and customizing the Strollik 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 Strollik 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 "Strollik Store" is an elegant eCommerce Bigcommerce Strollik theme that charms your stores with the professional design, a sleek layout and functional features. The site makeover is well suited for Strollik stores about clothing, shoes, glasses and accessories.
 
At the first glance, you may fall for the beautiful imagery display of "Strollik Store" which is catchy, smooth and mostly animated. "Strollik Store" supports responsive web design along with Off-canvas menu for mobile device accessibility."Strollik 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 Strollik Store

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 Strollik Theme:
Image Dimension
STT Image Name Image Size Demo
1 Slideshow Image 1400x780 View image
2 Product Image 480x480 View image
3 Banner Image 370x480
1400x680
830x830
1400x788
View image
View image
View image
View image
4 Image Carousel 485x570 View image
5 Image Testimonial 80x80 View image
6 Blog Image 1140x620 View image
7 Breadcrumb Image 1900x400 View image
8 Gallery Image 600x600 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

Upload theme

Upload theme


II. Edit Currency

Upload theme

Upload theme

Upload theme

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.

Upload theme

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

1.Create menu

Detail here

2.Configure Ui Megamenu

- Go to Theme Editor -> -> Header -> Scroll to User Menu navigation

Upload theme

1.Carousel builder

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

Upload theme

Carousel Builder

2.Carousel configuration

- Go to Theme editor -> Carousel

Upload theme

1. Banner Marketing

Before create banner, remember to upload your images to the Image manager

Upload theme

Click View Full Size to see the generated link by bigcommerce

Upload theme

In the Bigcommerce Control Panel, go to Marketing > Banners to edit banner

Upload theme

Banner top

Upload theme

Upload theme

Copy all this html code to the editor above

You should not change the HTML structure but you can change content of HTML in line color. Follow tutorial below

Detail Here

1.1 Block Introduct

Upload theme

Get image by: Storefont Content --> Image Manager

Click "View Full Size" on image

Upload theme

Get link and paste to html code

Upload theme

1.2 Block Banner Top

Upload theme

Get link and paste to html code

Upload theme

1.3 Block HTML Feature

Upload theme

Get link and paste to html code

Upload theme

Upload theme

Input big image

Get link by Storefont Content --> Image Manager

Upload theme

Go to Storefont Design --> My Themes --> Customize

Upload theme

Click "Edit Theme Files"

Upload theme

Go to banners.scss by: assets --> scss --> components --> stencil --> banners

Upload theme

Ctrl + F and search ".block_homehtml" and paste link follow this picture

Upload theme

1.4 Block Carousel

Upload theme

Upload theme

Get link image and paste to html code

Upload theme

Get link video on youtube

Upload theme

Upload theme

Upload theme

1.5 Block 360 Degree

Upload theme

Get link image and paste to html code

Upload theme

Upload theme

Each link need to be pasted in " " and separated by ,

1.5 Block Testimonial

Upload theme

Get link image and paste to html code

Upload theme

Upload theme

Input rating image

Upload theme

Upload theme

Go to Storefont Design --> My Themes --> Customize

Upload theme

Click "Edit Theme Files"

Upload theme

Go to banners.scss by: assets --> scss --> components --> stencil --> banners

Upload theme

Ctrl + F and search "tesrating" and paste link follow this picture

Upload theme

1.5 Block Banner Bottom

Upload theme

Input Banner

Upload theme

Upload theme

Go to Storefont Design --> My Themes --> Customize

Upload theme

Click "Edit Theme Files"

Upload theme

Go to banners.scss by: assets --> scss --> components --> stencil --> banners

Upload theme

Ctrl + F and search "tesrating" and paste link follow this picture

Upload theme

2. Product Homepage

1. Display store settings can be accessed in Store Setup › Store Settings

Detail Here

Upload theme

3. Block Banner Bottom

In the Bigcommerce Control Panel, go to Marketing > Banners to edit banner

Upload theme

Banner bottom

Upload theme

Upload theme

Copy all this html code to the editor above

3.1 Block Gallery

Upload theme

Get link image: Store Content --> Image Manager

Upload theme

Upload theme

3.2 Block HTML Bottom

Upload theme

4. Newsletter

Configure Newsletter

Detail Here

Upload theme