Sarahmarket - Multipurpose Responsive Shopify Theme

• Created: May 10 , 2017
• Latest Update: May 10 , 2017
• By: DesignShopify.com

Thank you for purchasing this theme. If you have any question not included in this help file, please feel free to post it on our support system HERE. Thanks so much! This documentation was only made with the Documenter

Ask for support? Please open ticket at here
NOTE: This theme is designed for Shopify website.
This Document use for Sarahmarket template/theme.

Theme Installation

Installing Sarahmarket is easy and quick.

If you had the Shopify site and now want to change with this theme for your site, follow the instruction below:

Note: Extract/Unzip the package that downloaded from themeforest.net first, choose and upload file the sarahmarket_yyy_rxx.zip (yyy is style template, rxx is package release number)to upload to your Shopify site

1. In your back office go to: Online Store > Themes:

• Click: Upload a theme

  

• Click on Choose File button and select sarahmarket_yyy_rxx.zip file, then click: Upload

  

2. In your Backoffice Dashboard go to: Online Store > Themes > Scroll to section Sarahmarket:

• Click: Publish theme

  

• Click: Publish

  

Customize Theme

To customize appearance and settings of this theme:

In your back office go to: Online Store > Themes:

• Click on: Customize theme

  

In your Customize Theme:

• Overview:

  

Color

• Go to: Customize Theme > General settings > Colors General , select color field that you want change

  

  List Color fields

  • Colors General
  • Text field
  • Product
  • Price Product detail
  • Navigation
  • Quickview
  • Overlays
  • Cart
  • Pagination

• Edit and Save Change

• Go to: Customize Theme > General settings > Colors Header , select color field that you want change

• Go to: Customize Theme > General settings > Colors Footer , select color field that you want change

• Go to: Customize Theme > General settings > Colors Button , select color field that you want change

Typography

• Go to: Customize Theme > General settings > Typography , select options that you want change

  

  List options

  • Body font
  • Heading font
  • Misc font
  • Misc font 2

• Edit and Save Change

General Settings: Preloading screen, Mailing List Widget (Mailchimp) Popup, Scroll to Top, Top Banner Breadcrumb

• Go to: Customize Theme > General Settings > General Settings , select active/inactive options

  

• Edit and Save Change

Change Logo and Favicon

Logo

You can create logo by image format or text format.

• Go to: Customize Theme > Sections > Header > Logo shop

  

• Edit and Save Change

Favicon

You can create favicon by image format.

• Go to: Customize Theme > General Settings > Favicon > Favicon image

  

• Edit and Save Change

Header

There are optoins: Logo shop, Search options

Mega Menu

Menu settings

• Go to: Customize Theme > General Settings > Mega Menu

  

• Edit and Save Change

Tips: Creating a Dropdown Menu

• If we want to connect any link to a sub-menu, we'll create a link list with the same name as said (parent) link. For example, a typical Main Menu in Shopify contains the following links:

  

• If we want to include a link called Shop by Brand:

  

• And we want that link to become a drop-down sub-menu to list brands in our shop with links to vendor collections, we will create a list of links called Shop by Brand:

  

• Again, make sure that the name and handle to match uith what you have chosen for the parent link:

  

• And we'd fill up the list of links with ones in our vendor collections:

  

• To turn any link of our Main Menu into a 'parent' link, create a 'child' menu for it by using the name of your parent link.

  Now, it's your turn to apply this theme smartly.

Creating Mega Menu

It's easy to active and make Simple Menu Link list is Mega Menu by Insert the Name of currently Main Link list into Mega Menu x Title