1. Start
  2. Theme Installation
  3. Customize Theme
  4. Customize Color and Typography
  5. General Settings
  6. Change Logo and Favicon
  7. Header
  8. Mega Menu
  9. Side Menu
  10. Homepage
  11. Footer
  12. Collection Page
  13. Product Page
  14. Blog Page
  15. Contact Page
  16. Lookbook Page
  17. FAQs Page
  18. Deals Page
  19. Services Page
  20. About Page
  21. Password Front-end Page

Sarahmarket - Multipurpose Responsive Shopify Theme


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:

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

Customize Theme


To customize appearance and settings of this theme:

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

In your Customize Theme:

Color


Typography


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


Change Logo and Favicon


Logo

You can create logo by image format or text format.

Favicon

You can create favicon by image format.

Side Menu


Menu settings

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

  • Edit and Save Change

Homepage


  • Slideshow
    1. Go to: Customize Theme > Sections > Slideshow

  • Maybe You Prefer
    1. Go to: Customize Theme > Sections > Maybe You Prefer

  • Banner
    1. Go to: Customize Theme > Sections > Banner

  • Column Products
    1. Go to: Customize Theme > Sections > Column Products

  • Tab Products With Style 1
    1. Go to: Customize Theme > Sections > Tab Products With Style 1

  • Tab Products With Style 2
    1. Go to: Customize Theme > Sections > Tab Products With Style 2

Collection Page


  • Go to page Collection

  • Go to: Customize Theme > Sections > Collection Page

  • Edit and Save Change

Tags filter


This is Ajax filter by product tags

  • Go to: Customize Theme > Sections > Collection Page > Sidebar - Shop by

    Add Label and Keys

Please note:

  1. These tags need separate with comma, such as: S,M,L,XL
  2. You need to put tags that you'd like to show for this product and filled in the filter.
    If your product has options: Red, Blue, S size, M size, you need to add below tags: Red, Blue, s, m
  3. If you input in Keys field is: Green, Black, Blue, Red . You also need tag in your product Green, Black, Blue, Red . The tag Red is not the same red !
  4. For color swatches in color filter: If you want it show with color swaches style, you need set Enable Color Swatch? to Enable in Product Page setting. Default is Enable.
  5. For color swatches in color filter: You need upload color image into Assets. For example: you have color Red option and tag, you need upload an image named red.png

Product Page


  • Go to page Product

  • Product Page Content

    Go to: Customize Theme > Sections > Product Page > Detail Setting

  • Ajax Add to cart Modal

    Go to: Customize Theme > General Settings > Ajax Add to cart Modal

    Review popup appear after click to Add to Cart button

  • Product Reviews

    Product Reviews is an app created by Shopify that allows your customers to easily submit reviews for your products.

    To use this application, please go to https://apps.shopify.com/product-reviews and follow the instructions

  • Product Tab Setting

    1. Go to: Customize Theme > Sections > Product Page > Product Tab Setting

  • Related Product

    1. Go to: Customize Theme > Sections > Product Page > Related Products Setting

Blog Page


  • Go to: Customize Theme > General settings > Sidebar

  • Edit and Save Change

Contact Page


  • Go to page Contact

  • Go to: Customize Theme > Sections > Contact Page

    To show it in front-end, you need create the Page and set layout is page.contact

About Page


  • Go to page About

  • Go to: Customize Theme > Sections > About Page

    To show it in front-end, you need create the Page and set layout is page.about

Lookbook page


  • Go to page Lookbook

  • Go to: Customize Theme > Sections > Lookbook Page

    To show it in front-end, you need create the Page and set layout is page.lookbook

FAQs page


  • Go to page FAQs

  • Go to: Customize Theme > Sections > FAQs

    To show it in front-end, you need create the Page and set layout is page.faq

Special Deals Page


  • Go to page Super Deal

  • To show it in front-end, you need create the Page and set layout is page.deals

Service page


  • Go to page Service

  • Go to: Customize Theme > Sections > Services Page

    To show it in front-end, you need create the Page and set layout is page.services

Password Front-end Page


  • Go to: Customize Theme > Sections > Password Front-end Page