Banger theme documentation

Banger is a highly flexible, Creative Multi-Purpose Shopify Theme. It's built on Bootstrap 3 and looks great on Desktops, Laptops and Mobile devices. With unique cool designs, modern, stylish, intuitive assistant and 6 Unique Home layouts, Banger is a good choice to build your online store. The Banger shopify theme supports 3 view modes for product listing page: sidebar , all the views are lean, show info that user wants.

The theme includes all shop pages: Product listing, product detail, add to cart, checkout, quick view ... with customized layout and style to make it look incredible. The product filtering system is powered with the integration of modules: Categories list, Filter based on product attribute, New products, Related products... to help user find out their best fit items at a glance. The Shopify theme is easy to customize with the Theme Customizer tool that let you change settings for most of the pages, sections in the site based on predefined parameters.

Banger – Car dealership and listings directory is SEO optimized that makes your site friendly with Search Engines, CSS and JS compression helps to improve your site performance a lot.

1. 1. First you need click  'Online Store' .



2. 2. Click the  Upload Theme .



3. 3. Click the Choose File button. 



4. 5. Click Customize to config.

You can install app from the link: Product Reviews

You can install app from the link: Metafields Guru

The first, you need read about menu here: Menus and Links

Example: If you want make Menu show like this.

1. On Navigation you can click Main menu and edit it

2. On Customize theme click Sections tab > Header and select it

3. Label on Menu

In Navigation:

- Label name: [label_name] with label_name is any content you want

- Label color: (label_color) with label_color is any color name (https://www.w3schools.com/colors/colors_names.asp) or color code you want

Result:

The first, you need read about menu here: Menus and Links

Example: If you want make Menu show like this.

1. On Navigation you can click Add menu and edit it

2. On Customize theme click Sections tab > Header and select it

The first, you need read about menu here: Menus and Links

Example: If you want make Menu show like this.

1. On Navigation you can click Add menu and edit it

2. On Customize theme click Sections tab > Header and select it

*** Mega Menu in Customize theme

*** Mega Menu in Navigation

Result

- Multi Dropdown Menu (Nested):

https://help.shopify.com/manual/sell-online/online-store/menus-and-links/drop-down-menus#nesting-menu-items-to-build-drop-down-menus

*** Mega Menu in Customize theme

*** Mega Menu in Navigation

Result

- Multi Dropdown Menu (Nested):

https://help.shopify.com/manual/sell-online/online-store/menus-and-links/drop-down-menus#nesting-menu-items-to-build-drop-down-menus

MAILCHIMP

+ MailChimp form action URL: if you are using mailchimp for email marketing campain, you need enter action URL to this textbox. You can read about mailchimp action URL at: Mailchimp Signup URL.

GOOGLE MAPS

Get Google map API KEY: https://developers.google.com/maps/documentation/javascript/get-api-key

PRODUCT

FAVICON IMAGE

- Result:

About Us page

- Customize:

Contact Us page

- Customize:

FAQs page

- Customize:

Gallery Grids page

- Customize:

Gallery Masonsy page

- Customize:

Instagram Shop page

- Customize:

Pricing page

- Customize:

Store Directory page

- Customize:

Track Your Order page

- Customize:

Wishlist page

Click Sections tab >> Select Header v1 to v7 and click Theme settings tab >>> click and edit Header you want

Click Sections tab >> Select Footer v1 to v3 and click Theme settings tab >>> click and edit Footer you want

You can set font-family by Shopify Fonts

You can set color in Colors

Click on View:

Filter made with tags, so all value from filter must exist from product.

Example: We have filter by color with values: White, Red, Back & Brown . So from product, you need enter these tags from product page. Do the same with price, size ... .

You need to select the corresponding image for the variation

In default, Shopify not allow you add new custom field for product. So with Banger we will help you understand how to bring custom field to your store.

Example: you can have different 360 degree, different video, different external / affiliate... for each product.

The first you need install this app by go to this link: Metafields Guru

After install you will see the icon in Apps admin:

You need click to Metafields Guru icon and metafield will show.

You need enter fill these sections: Namespace, Key, Value, then click Save.

Sunmi Theme support metafield for: 360 Degree, Video, External / Affiliate, Summary Content

360 Degree:

Allow you show different short description for each product instead cut off full description.

1. namespace: engo_360

2. key: enable_360

3. value: true

Result:

Video:

If want show video, you need enter youtube, vimeo video link for it.

1. namespace: engo_video

2. key: video_link

3. value: vimeo or youtube url

Result:

External / Affiliate:

Allow you enter external/Affiliate link, Add cart function will be hidden.

1. namespace: engo_external

2. key: external_name

3. value: name of button

1. namespace: engo_external

2. key: external_url

3. value: link to external product

Result:

Summary Content:

If want show more info to product you choose. Enter the content you need for it

1. namespace: engo_summary

2. key: summary_content

3. value: Enter content you want to show

Result:

png

+ Header v1

+ Slideshow v2

+ Filter v1

+ Banner v2

+ Service box v1

+ Banner v1

+ Product v1

+ Countdown v1

+ Product v2

+ Brand v2

+ Testimonial v1

+ Blog v1

+ Newsletter v1

+ Footer v1

Result: