The Shop - Responsive Shopify Theme User Guide


THANK YOU FOR PURCHASING OUR THEME !

If you have any questions that are beyond the scope of this help file, please feel free to send us a message : support@arenathemes.com

Below you will find some basics on installing, configuring and customizing the template.

If you like this theme please rate it !

Overview

The Shop - Responsive Shopify Theme is an elegant eCommerce Shopify theme. The site makeover is well suited for fashion stores about fashion, clothing, bags, shoes...

With the professional design, a sleek layout, functional features and supports responsive web design we believe it will be a great template for you !

Installation

If you are new with Shopify, we advise reading and familiarizing yourself with the Shopify Manual. We believe it will be helpful to you !

If you are ready, follow the instruction below:

Install Theme

1. To install the theme, log in to your Shopify store and click Online Store

2. Go to Theme. From there, click on Upload a Theme and upload the .zip file from the 'upload' folder included with this package.

3. If your store is currently live and using a different theme, you select button Publish theme what you have just upload.

Install Apps

Product Review App made by Shopify. To enable it, please install below app :

Get App - Product Reviews

Setup Multiple Currencies

1. Go to Admin > Settings > General

2. Scroll down to Standards & formats area, you'll see your Currency setting.

3. Click change formatting to open the Currency Formatting dialog.

4. Change HTML with currency and HTML without currency elements in the dialog.

- HTML with currency

- HTML with currency

Import Data Product Sample

1. Go to Admin > Products

2. Click and selected file product sample import in popup window.

Color Variant Image

To use color variant image, please refer below link :

Variant Images

Using Default Block or Custom Block

- At a few locations on the template, you can customize the content of the block by using Default Block or Custom Block.

- With Default Block, you can input the content from our form.

- With Custom Block, you can customize the content by using .liquid file in the snippets. To do Custom Block, you must have knowledge of html.

Example:

- Please see the "Block Information" on footer. At "Select a Block To Use", you have 3 options(Default Block, Custom Block and None).

- If you choose Default Block, you can input heading and select link list.

- If you choose Custome Block, you need to do following steps:

+ Step 1: Go to Admin > Online Store > Theme > Edit HTML/CSS

+ Step 2: In the Snippets section, click 'Add a new snippet' and input name file in popup.

+ Step 3: Input the content in file you created

+ Step 4: Go to 'Block Information' in Customize Theme, At 'Select a Snippet File', choose file you created.

Using Group Filter

- Follow the steps below to enable group filter like the image below.

  1. Define your groups. The groups are BrandColor,  Price, and Size

  2. Export your products into a CSV file.
    (If you are creating new products, you can skip this step)

  3. Prepend all existing tags with what group you want them to be in, with the format Group_Tag Name
    Based on our image at the top of this page, we would have tags like Brand_Elle, Color_Black, Price_Above $300, and Size_L.
    The left side of the underscore is the group name, and the right side is the tag for the product. Spaces can be included on either side of the underscore.

  4. Go to Customize Theme > Sidebar in Catalog Page > Filter to enable "Filter by Groups"


Setup Page

To create any page, please go to Admin > Online Store > Pages > Add a page

Setup Contact Page

Setup Wishlist Page

Theme Settings - V1

Go to Admin > Online Store > Themes > Customize Theme

In your Customize theme

General

Go to Customize Theme > General

1. Site Width Mode

- You can select site width mode(Wide or Boxed). With Boxed mode, you can input background image or background color.

2. Breadcrumb

- You can select background image or background color for breadcrumb.

3. Body Color

- You can input background color, text color, border color, social color.

4. Favicon, Loading Icon

- You can input your Favicon and Loading Icon.

5. Google Web Fonts

- Easy input Google Web Fonts and font size.

6. Label Sale and Product Color

- You can input label sale (text or image) on product and color on product price

7. Button

- You have 2 buttons ( button #1, button #2 ).

- For each button, you can input text color, border color and background color.

Popup Newsletter

Go to Customize theme > Popup Newsletter to enable/disable popup and edit content in popup.

Top Bar

Go to Customize Theme > Top Bar

1. Overview

- You can input text color and background color

2. Top Bar Left

- You have 2 box : Box Welcome Message and Box Support.

3. Top Bar Right

- You can enable/disable Login, Register, Wishlist, Multiple Currency and Shopping Cart.

- Note : To enable Login, Register and Wishlist, you have to enable Customer account in Settings > Checkout > Customer accounts

Header

Go to Customize Theme > Header

1. Overview

- You can select header width mode(Wide or Boxed) and input background color

2. Site Logo

- You can select style for site logo (image or text).

3. Site Logo On Mobile

4. Navigation

Creating Dropdown Menu

- Please refer here to Creating Dropdown Menu.

5. Search

Service Bar

Go to Customize Theme > Service Bar

- You have 4 blocks : Free Delivery, Discount, Refund and Contact Us. For each block, you can input title and caption.

Mega Menu

Go to Customize Theme > Mega Menu

- Select Link List you want create Mega Menu

- For each Mega Menu, you can have up to 4 columns and multiple options for width and content for each column.

Limited Offers

Go to Customize Theme > Limited Offers

1. Overview

- You can input text, color and background color.

2. Configuration

- You have 15 offers. You can input product handle and expire for each offer

Homepage Slideshow

Go to Customize theme > Homepage Slideshow

1. Overview

- You can select Slideshow width mode(Wide or Boxed), animation type, enable/disable Auto Slideshow, Navigator, Control Paging

2. Slides List

- You have 5 slides. For each slide, you can input image, text, button, link...

Homepage Featured Collection

Go to Customize Theme > Homepage Featured Collection

- You can select 6 collections to display.

Homepage Featured products

Go to Customize Theme > Homepage Featured Products

- You can input heading, caption, limit and select a collection to use.

Homepage Offer Banners

Go to Customize Theme > Homepage Offer Banners

- You can input heading, caption and 5 banners.

Homepage Trendy products

Go to Customize Theme > Homepage Trendy Products

- You can input heading, caption, limit and select a collection to use.

Homepage Bottom

Go to Customize Theme > Homepage Bottom

1. Overview

- You can enable/disable homepage bottom and input background color

2. Three Blocks

- You have 3 blocks. For each block, you can input image and text.

3. Newsletter Widget

- You can input background image, text, MailChimp form action URL.

Product Page

Go to Customize Theme > Product Page

1. Overview

2. Product Tab

3. Related Product

Collection Page

Go to Customize theme > Collection Page

Sidebar in Catalog Page

Go to Customize theme > Sidebar in Catalog Page

- In the Sidebar, you have 3 blocks: Categories, Filter and On Sale Products

Blog Page

Sidebar

- You can customize the appearance position of sidebar(Left, Right) or hidden it on all Blog.

- You can also customize the position of sidebar for each Blog. To do this, you need to do following steps:

+ Step 1: Go to Amind > Online Store >Blog Posts then click on the Blog you would like to edit sidebar.

+ Step 2: In templates section, select a template for this blog.

- In the Sidebar, you have 3 blocks: Recent Articles, Tags and Video

Cart Page

Go to Customize Theme > Cart Page

Contact Page

Go to Customize Theme > Contact Page

Extensions

Go to Customize Theme > Extensions

- You can enable/disable Quick View, Sticky and button Back To Top

Checkout

Go to Customize Theme > Checkout to custom checkout page

Theme Settings - V2

Go to Admin > Online Store > Themes > Customize Theme

In your Customize theme

General

Go to Customize Theme > General

1. Site Width Mode

- You can select site width mode(Wide or Boxed). With Boxed mode, you can input background image or background color.

2. Breadcrumb

- You can select background image or background color for breadcrumb.

3. Body Color

- You can input background color, text color, border color, social color.

4. Favicon, Loading Icon

- You can input your Favicon and Loading Icon.

5. Google Web Fonts

- Easy input Google Web Fonts and font size.

6. Label Sale and Product Color

- You can input label sale (text or image) on product and color on product price

7. Button

- You have 2 buttons ( button #1, button #2 ).

- For each button, you can input text color, border color and background color.

Popup Newsletter

Go to Customize theme > Popup Newsletter to enable/disable popup and edit content in popup.

Top Bar

Go to Customize Theme > Top Bar

- You can input text color and background color

- You can enable/disable Login, Register, Wishlist and Multiple Currency.

- Note : To enable Login, Register and Wishlist, you have to enable Customer account in Settings > Checkout > Customer accounts

Header

Go to Customize Theme > Header

1. Overview

- You can select header width mode(Wide or Boxed) and input background color

2. Site Logo

- You can select style for site logo (image or text).

3. Site Logo On Mobile

4. Navigation

Creating Dropdown Menu

- Please refer here to Creating Dropdown Menu.

5. Cart & Search

Service Bar

Go to Customize Theme > Service Bar

- You have 4 blocks : Free Delivery, Discount, Refund and Contact Us. For each block, you can input title and caption.

Mega Menu

Go to Customize Theme > Mega Menu

- Please refer Mega Menu in Theme Settings - V1.

Limited Offers

Go to Customize Theme > Limited Offers

1. Overview

- You can input text, color and background color.

2. Configuration

- You have 15 offers. You can input product handle and expire for each offer

Homepage Slideshow

Go to Customize theme > Homepage Slideshow

1. Overview

- You can select Slideshow width mode(Wide or Boxed), animation type, enable/disable Auto Slideshow, Navigator, Control Paging

2. Slides List

- You have 5 slides. For each slide, you can input image, text, button, link...

Homepage Featured Collection

Go to Customize Theme > Homepage Featured Collection

- You can select 6 collections to display.

Homepage Featured products

Go to Customize Theme > Homepage Featured Products

- You can input heading, caption, limit and select a collection to use.

Homepage Offer Banners

Go to Customize Theme > Homepage Offer Banners

- You have 2 blocks: Banner Slides and Product Offer. You can enable/disable this widget.

- Banner Slides : You can input 3 banners.

- Product Offer : You can input product handle, image and expire.

Homepage Product Tabs

Go to Customize Theme > Homepage Product Tabs

- You can enable/disable this widget, input heading, caption and limit.

- You have 4 tabs. For each tab, you can input title and select a collection to use.

Homepage Section Slides

Go to Customize Theme > Homepage Section Slides

- You can enable/disable this widget.

- You have 3 slides. For each slide, you can input image and link.

Homepage Recent Post

Go to Customize Theme > Homepage Recent Post

- You can input heading, caption and select a Blog to use.

Homepage FAQ & Brands

Go to Customize Theme > Homepage FAQ & Brands

- You can enable/disable this widget, input heading and caption.

- You have 2 blocks : FAQ & Brands

1. FQA

- FAQ will display the content of a page.

2. Brands

- You have 12 brands. For each brand, you can input image and link.

Product Page

Go to Customize Theme > Product Page

1. Overview

2. Product Tab

3. Related Product

Collection Page

Go to Customize theme > Collection Page

Sidebar in Catalog Page

Go to Customize theme > Sidebar in Catalog Page

- In the Sidebar, you have 3 blocks: Categories, Filter and On Sale Products

Blog Page

Sidebar

- You can customize the appearance position of sidebar(Left, Right) or hidden it on all Blog.

- You can also customize the position of sidebar for each Blog. To do this, you need to do following steps:

+ Step 1: Go to Amind > Online Store >Blog Posts then click on the Blog you would like to edit sidebar.

+ Step 2: In templates section, select a template for this blog.

- In the Sidebar, you have 3 blocks: Recent Articles, Tags and Video

Cart Page

Go to Customize Theme > Cart Page

Contact Page

Go to Customize Theme > Contact Page

Extensions

Go to Customize Theme > Extensions

1. Overview

- You can enable/disable Quick View, Sticky and button Back To Top

2. Social Icons

- Social Icons will appear on the Top Bar and Footer.

Checkout

Go to Customize Theme > Checkout to custom checkout page

Theme Settings - V3

Go to Admin > Online Store > Themes > Customize Theme

In your Customize theme

General

Go to Customize Theme > General

1. Site Width Mode

- You can select site width mode(Wide or Boxed). With Boxed mode, you can input background image or background color.

2. Breadcrumb

- You can select background image or background color for breadcrumb.

3. Body Color

- You can input background color, text color, border color, social color.

4. Favicon, Loading Icon

- You can input your Favicon and Loading Icon.

5. Google Web Fonts

- Easy input Google Web Fonts and font size.

6. Label Sale and Product Color

- You can input label sale (text or image) on product and color on product price

7. Button

- You have 2 buttons ( button #1, button #2 ).

- For each button, you can input text color, border color and background color.

Popup Newsletter

Go to Customize theme > Popup Newsletter to enable/disable popup and edit content in popup.

Top Bar

Go to Customize Theme > Top Bar

- You can input text color and background color

- You can enable/disable Login, Register, Wishlist and Multiple Currency.

- Note : To enable Login, Register and Wishlist, you have to enable Customer account in Settings > Checkout > Customer accounts

Header

Go to Customize Theme > Header

1. Overview

- You can select header width mode(Wide or Boxed) and input background color

2. Site Logo

- You can select style for site logo (image or text).

3. Site Logo On Mobile

4. Navigation

Creating Dropdown Menu

- Please refer here to Creating Dropdown Menu.

5. Cart & Search

Mega Menu

Go to Customize Theme > Mega Menu

- Please refer Mega Menu in Theme Settings - V1.

Limited Offers

Go to Customize Theme > Limited Offers

1. Overview

- You can input text, color and background color.

2. Configuration

- You have 15 offers. You can input product handle and expire for each offer

Homepage Slideshow

Go to Customize theme > Homepage Slideshow

1. Overview

- You can select Slideshow width mode(Wide or Boxed), animation type, enable/disable Auto Slideshow, Navigator, Control Paging

2. Slides List

- You have 5 slides. For each slide, you can input image, text, button, link...

Homepage Featured Collection

Go to Customize Theme > Homepage Featured Collection

- You can select 6 collections to display.

Homepage Featured products

Go to Customize Theme > Homepage Featured Products

- You can input heading, caption, limit and select a collection to use.

Homepage Offer Banners

Go to Customize Theme > Homepage Offer Banners

- You have 2 banners. For each banner, you can input image and link.

Homepage Section Slides

Go to Customize Theme > Homepage Section Slides

- You can enable/disable this widget.

- You have 3 slides. For each slide, you can input image and link.

Homepage Product Tabs

Go to Customize Theme > Homepage Product Tabs

- You can enable/disable this widget, input heading, caption and limit.

- You have 4 tabs. For each tab, you can input title and select a collection to use.

Homepage All Season Products

Go to Customize Theme > Homepage All Season Products

- You can enable/disable this widget, input heading, caption and limit.

- You have 8 banner. For each banner, you can input text, image and link.

Homepage 3 Widgets

Go to Customize Theme > Homepage 3 Widgets

- You have 3 widgets : Top Sellers, What say people and Special Product

1. Top Sellers

- You can input title, caption, limit and select a collection to use.

2. What Say People

3. Special Products

- You can input title, caption, limit and select a collection to use.

Homepage Newsletter

Go to Customize Theme > Homepage Newsletter

- You can input background image, text, MailChimp form action URL.

Homepage Recent Post

Go to Customize Theme > Homepage Recent Post

- You can input heading, caption and select a Blog to use.

Homepage Brands

Go to Customize Theme > Homepage Brands

- You have 10 brands. For each brand, you can input image and link.

Product Page

Go to Customize Theme > Product Page

1. Overview

2. Product Tab

3. Related Product

Collection Page

Go to Customize theme > Collection Page

Sidebar in Catalog Page

Go to Customize theme > Sidebar in Catalog Page

- In the Sidebar, you have 3 blocks: Categories, Filter and On Sale Products

Blog Page

Sidebar

- You can customize the appearance position of sidebar(Left, Right) or hidden it on all Blog.

- You can also customize the position of sidebar for each Blog. To do this, you need to do following steps:

+ Step 1: Go to Amind > Online Store >Blog Posts then click on the Blog you would like to edit sidebar.

+ Step 2: In templates section, select a template for this blog.

- In the Sidebar, you have 3 blocks: Recent Articles, Tags and Video

Cart Page

Go to Customize Theme > Cart Page

Contact Page

Go to Customize Theme > Contact Page

Extensions

Go to Customize Theme > Extensions

1. Overview

- You can enable/disable Quick View, Sticky and button Back To Top

2. Social Icons

- Social Icons will appear on the Top Bar and Footer.

Checkout

Go to Customize Theme > Checkout to custom checkout page