Bingotheme Guide


HELLO ! FIRST OF ALL WE WOULD LIKE TO THANK YOU SO MUCH FOR CHOOSING OUR THEME!

This document covers the installation and use of this theme and reveals answers to common problems and issues - I encourage you to read this document thoroughly if you are experiencing any difficulties.

To install this theme you must create a Shopify account.

For information an overview of Shopify's platform and features please see the Shopify Documentation

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.

You can start free trial with Shopify. Click the image below Start your free 14-day trial of Shopify

Bingo

I. Download

Purchase Bingo Wow template from Themeforest then you can download theme package.

Extract Package that include all files and folders of theme.



II. Video installation tutorial

Look at this video of installation process:



III. Install Manual Theme

To install this theme automatically do the following steps:

1. Login to your Shopify Store and go to "Online Store" -> "Themes".
Bingo
2. Click to button "Upload Theme". Upload theme will display.
Bingo
3. Select archive from extracted folder "themes", and click "Upload" button.
Bingo
4. On this step click "Publish theme" button.
Bingo
5. Done. You can customize theme or edit file theme.
Bingo


IV. Install APP

a. Product Review

To enable product review, please install app: Product Review made by Shopify

Get App - Product Reviews



V. Add New Page

You must goto Shopify Admin: Admin -> Online Store -> "Pages"

Bingo



1. Contact Page

Click button "Add page". Select Template for page is "page.contact"

Bingo




2. About Us Page

Click button "Add page". Select Template for page is "page.aboutus" and input page content.

Example content:

<h2>I AM GLAD YOU ARE READING THIS TEXT</h2>
<div class="row">
    <div class="col-xs-12 col-md-7">
        <div class="aboutusImage"><img class="img-responsive" src="//cdn.shopify.com/s/files/1/1764/5397/files/aboutus.jpg?v=1486981786" alt="" /></div>
    </div>
    <div class="col-xs-12 col-md-5">
        <div class="aboutusText">
            <h3>ABOUT US</h3>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
            <p>Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo</p>
            <br />
            <h3>OUR MISSION</h3>
            <p><strong>Lorem ipsum dolor sit amet, consectetur adipiscing elit</strong></p>
            <ul>
                <li>At vero eos et accusamus et iusto odio dignissimos</li>
                <li>Nam libero tempore, cum soluta nobis</li>
                <li>Temporibus autem quibusdam et aut officiis debitis</li>
                <li>It aut reiciendis voluptatibus</li>
                <li>Sed ut perspiciatis unde omnis iste natus</li>
            </ul>
        </div>
    </div>
</div>

Bingo




3. Wishlist Page

Click button "Add page". Select Template for page is "page.wishlist"

Bingo




When you’ve set up your online Shopify store, you can customize your store.

Customizing your store lets you add functionality or change your store's appearance without switching themes.

I. Setting Color

Easily change color styles.

1. Click the menu "General settings"

2. Click the section "Bingo Colors"

3. Clicking on any of the colored rectangles will show you the possible colors you can choose from. Select the color you want by clicking one of the colored rectangles.

Bingo




II. Setting Typography

To change the font

1. Click the menu "General settings"

2. Click the section "Bingo Typography"

3. Input them Google URL font or use a custom font

Get google font

Bingo




III. Setting Features

Click the menu "General settings" -> Click the section "Bingo Features"

Bingo

1. Theme settings

- Favicon image: Upload favicon image for website.

- Twitter link: Enter your twitter URL. Read more Twitter cards

Bingo

2. Breadcrumb

You can change to background color, text color, background image.

- Backend setting

Bingo

- Frontend appearance

Bingo
3. Float header

You can use float header on desktop or mobile.

- Backend setting

Bingo

- Frontend appearance

Bingo
4. Filter collection site

- Backend setting

Bingo

- Frontend appearance

Bingo
5. Second product image

- Backend setting

Bingo

- Frontend appearance

Bingo
6. Product reviews

- Backend setting

Bingo

- Frontend appearance

Bingo
7. Product quickview

- Backend setting

Bingo

- Frontend appearance

Bingo
8. Product wishlist

- Backend setting

Choose Page wishlist. (Add page wishlist before choose template.)

Bingo

- Frontend appearance

Bingo
9. Go to top

- Backend setting

Show button go to top on footer.

Bingo

- Frontend appearance

Bingo
10. Loading site

- Backend setting

Show icon loading when client go to website.

Bingo

- Frontend appearance

Bingo
11. Ajax cart

- Backend setting: There are three cart type.

  • a. Modal
  • b. Drawer
  • c. Page
Bingo

- Frontend appearance

a. Modal Type

Bingo

b. Drawer Type

Bingo

c. Page Type

Bingo
12. Panel Config

- Backend setting: You must choose page to config section

Bingo

- Frontend appearance

Bingo

IV. Newsletter Popup

Click the menu "General settings" -> Click the section "Bingo Newsletter Popup"

- Backend setting:

Bingo

- Frontend appearance

There are two templates newsletter popup.

+) Template One

Bingo

+) Template Two

Bingo

V. Checkout

Click the menu "General settings" -> Click the section "Checkout"

- Backend setting:

Bingo


- Frontend appearance

Bingo

You must choose page for Panel Config. Read the instructions above.

Bingo

I. Collection Page

Click the menu "Bingo Menu Section" -> Click the menu "Collection Page"

Bingo




1. Bingo Collection Page

- Backend setting:

Bingo

- Frontend appearance

Bingo
2. Sidebar Categories

- Sidebar Categories

- Sidebar Filter By Vendor

- Sidebar Filter By Type

Note: Vendors list and product types list. Separate by a comma "," not with space.

- Backend setting:

Bingo

- Frontend appearance

Bingo
3. Sidebar Filter By Tags

- Backend setting:

Bingo

- Frontend appearance

Bingo

Note: You must add product tags to filter by tags.

Bingo

4. Sidebar Filter By Price

- Backend setting:

Bingo

- Frontend appearance

Bingo
5. Sidebar Banner

- Backend setting:

Bingo

- Frontend appearance

Bingo

II. Product Page

Click the menu "Bingo Menu Section" -> Click the menu "Product Page"

Bingo



- Backend setting:

Bingo


- Frontend appearance

Bingo

III. Cart Page

Click the menu "Bingo Menu Section" -> Click the menu "Cart Page"

Bingo



- Backend setting:

Bingo


- Frontend appearance

Bingo

IV. Blog Page

Click the menu "Bingo Menu Section" -> Click the menu "Blog Page"

Bingo



- Backend setting:

Bingo


- Frontend appearance

Bingo

V. Contact Page

Click the menu "Bingo Menu Section" -> Click the menu "Contact Page"

Bingo



- Backend setting:

Bingo


- Frontend appearance

Bingo

VI. About Page

Click the menu "Bingo Menu Section" -> Click the menu "About Page"

Bingo



- Backend setting:

Bingo


- Frontend appearance

Bingo

VI. Faq Page

Click the menu "Bingo Menu Section" -> Click the menu "Faq Page"

Bingo



- Backend setting:

Bingo


- Frontend appearance

Bingo

VII. 404 Page

Click the menu "Bingo Menu Section" -> Click the menu "404 Page"

Bingo



- Backend setting:

Bingo


- Frontend appearance

Bingo

VIII. Password Page

Click the menu "Bingo Menu Section" -> Click the menu "Password Page"

Bingo



- Backend setting:

Bingo


- Frontend appearance

Bingo

You can drag & drop sections.

Read more Section at here.

Bingo




List sections on homepage

Bingo

1. Bingo Slideshow (1. BINGO SLIDESHOW)

Add new: Click the "Add section" -> Click the "Bingo Slideshow"

- SETTINGS:

  • Show Prev/Next arrows: Show/Hide button navigation.
  • Show dot indicators: Show/Hide dot indicators.
  • Auto play slides: Enable/Disable Autoplay.
  • Change slides every (*): Autoplay Speed in milliseconds.
  • Image size (*): Slideshow image size. Example: 1920x940

Note: (*) This field is required.

Bingo



- CONTENT:

-- Item: Image

  • Image: Upload slide image
  • Caption alignment: There are three styles: Center, Left, Right
  • Heading: Enter the heading. Can be left blank.
  • Heading color: Choose color for Heading
  • Subheading: Enter the subheading. Can be left blank.
  • Subheading color: Choose color for Subheading
  • Button text: Enter the button text. Can be left blank.
  • Button link: Enter the button link. Can be left blank.
  • Slide link: Enter the slide link. Can be left blank.

Bingo


- Frontend appearance

Bingo


2. Bingo Servives (6. BINGO TEXT)

Add new: Click the "Add section" -> Click the "Bingo Servives"

- SETTINGS:

  • Title: Hidden on website


- CONTENT:

-- Item: Box item

  • Content: Upload slide image
  • Background color: There are three styles: Center, Left, Right
  • Text color: Enter the heading. Can be left blank.
  • Background image: Choose color for Heading

Bingo


- Frontend appearance

Bingo


3. Bingo Collections (2. BINGO PRODUCT)

Add new: Click the "Add section" -> Click the "Bingo Collections"

- SETTINGS:

  • Title: Block title
  • Image size (*): Enter image size. Example: 270x180
  • Show left box: Show/Hide box left
  • Text line 1: Enter text to display
  • Text line 2: Enter text to display
  • Text line 3: Enter text to display
  • Button text: Enter button text to display
  • Button link: Choose page URL to button

Note: (*) This field is required.



- CONTENT:

-- Item: Box item

  • Box title: Enter text to display
  • Box link: Choose page URL to box
  • Background image: Upload background image

Bingo


- Frontend appearance

Bingo


5. Bingo Products & Banner (2. BINGO PRODUCT)

Add new: Click the "Add section" -> Click the "Bingo Products & Banner"

- Backend setting:

Bingo


- Frontend appearance

Bingo


4. Bingo Products List (2. BINGO PRODUCT)

Add new: Click the "Add section" -> Click the "Bingo Products List"

- Backend setting:

Bingo


- Frontend appearance

Bingo


Thank you for reading!

We hope you can create the best website with our themes.

Follow us on twitter or join my facebook page to get noticed about all theme or modules updates and news!
If you have any questions that are beyond the scope of this help file, please feel free to contact us.