Xstore - Modern Multipurpose Shopify Theme OS 2.0

Firstly, a huge thanks for purchasing this theme, your support is truly appreciated! This document covers the installation and use of this theme, reveals some answers to common problems and issues. We encourage you to read throughout this document if you are experiencing any difficulties. If you have any questions that are beyond the scope of document, please feel free to contact us via our Ticket Support System. https://www.smartaddons.com/support/tickets
Below you will find the documentation for how to use the template.

Getting Started

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

img1

Read shopify manual before you start

I. Install Theme

Video installation tutorial

Look at this video of installation process:

To install the theme:

  1. Please log in to your Shopify store, click Online Store, then click Themes.
    Install
  2. From there, click Upload a theme on the top right-hand corner.
    Install
  3. The Upload A Theme dialog displays. Click Choose File to select the .zip file you want to upload, then click Upload.
    Install
  4. If your store is currently active and is using a different theme, you can select Publish theme button to publish what you have just uploaded to be an active theme.
    Install
    Install

Store Setting

Warning! PLEASE DO THESE STEPS WITH YOUR STORE

I. Customer accounts

  1. From your Shopify admin, click Settings => Customer accounts => Accounts in online store and checkout section.
  2. Check Show login link in the header of online store and at checkout and click Save.

II. Shipping

To enable shipping calculator, please configure your shipping rates by following below guide:

Setup shipping rates

III. Currency

   Video Example

Editing the HTML for currency formatting

  1. From your Shopify admin, click Settings => Store details => Store currency => change formatting to open the Currency Formatting section:
  2. Replace selected text and click Save
    Install

  3. Currency must be the same


    #

IV. Payments

1. From your shop admin, go to the Settings / Payments

2. Choose a payment gateway to accept payments for orders. The checkout page is working.

Setup of Pages

You will also need to create two pages, one for the textual content that can be placed on the ' Frontpage ' as a welcome message and another for the ' Contact Page ' which you can link to the 'contact' template. Linking these pages to the correct template will be covered in their respective sections within this documentation. Here is the link which help you to create custom pages.

If you are having difficulty in finding complimentary colors to use throughout your customization, we recommend using an advanced color wheel/palette such as Adobe Kuler.

Create Contact Us Page

Login to your Shopify admin panel and go to Pages, click Add a page:

Install

1. In the Online Store / Pages, find and click button "Add a page"

Install

2. Write in the Title field page name => Select Visible => Select Template: contact => Click save

Install

Setting Customize

After you create Contact Us page successfully, please go to Themes > Customize theme > Click Page > Contact

At this Section, you can start adjusting like in this image below:

Install

Edit/add fields to the Contact Form

This is the contact form we are going to add/ edit:

To add/edit contact field, please follow below guide:

Adding fields to the Liquid Contact Form

Create Wishlist Page

1. From the pages tab, click the Add a page, then click page.

Install

2. From your Shopify admin, click Online Store button. You will be taken to a new template page.

Install

3. From the template page, enter a Title and choose the Template look like the below image.

Install

4. Click Save.

Create Hot Deals Page

1. From the pages tab, click the Add a page, then click page.

Install

2. From your Shopify admin, click Online Store button. You will be taken to a new template page.

Install

3. From the template page, enter a Title and choose the Template look like the below image.

Install

4. Click Save.

5. From your Shopify admin, click Online Store, then click Themes. Click Customize theme for the theme you want to customize. In General Settings Tab => deal Page.

- Backend setting:

img

Create About Us Page

1. From the pages tab, click the Add a page, then click page.

2. From your Shopify admin, click Online Store button. You will be taken to a new template page.

Install

3. From the template page, enter a Title and choose the Template look like the below image.

Install

4. Click Save.

5. From your Shopify admin, click Online Store, then click Themes. Click Customize theme for the theme you want to customize. In General Settings Tab -> About Us Page.

- Backend setting:

img

Create FAQs Page

1. From the pages tab, click the Add a page, then click page.

Install

2. From your Shopify admin, click Online Store button. You will be taken to a new template page.

Install

3. From the template page, enter a Title and choose the Template look like the below image.

Install

4. Click Save.

Note: Demo content of faqs page in packing -> pages-content.zip



Create Countdown Product

From the Admin, click Products tab => Select product you want, then add tag (Countdown Deal (deal year/ month/ day)).

Install



Create Countdown Product

From the Admin, click Products tab => Select product you want, then add tag (Label (label,label2)).

Install



Setup Collection page

From your Shopify admin, click Online Store, then click Themes. Click Customize theme for the theme you want to customize. In General Settings Tab -> Collection Page.

- Backend setting:

img



Setup Product page

From your Shopify admin, click Online Store, then click Themes. Click Customize theme for the theme you want to customize. In General Settings Tab -> Product Page.

- Backend setting:

img



Setup Navigation

From your shop admin, go to the Online Store / Navigation



1. Add menu


You can read document Menu Link Link Here Or follow the instructions below:

Main Menu

img

2. Create Simple Drop-down Menu


   Video Example

Please go to Shopify admin => Online Store => Navigation => Home

img

3. Create Mega Drop-down Menu


   Video Example



Please go to Shopify admin => Customize => Navigation



  • Parent and custom width of mega drop-down menu img
  • Vavigation Menu Link
      Create Menu

      Please go to Online Store => Navigation => Add new menu

      img

    Please go to Online Store => Customize => Navigation => Select the menu you just created

    img

    • Create Blog

    Link setup guide blog Blog Posts Manual





    Setup Filter Product

    Before you start you must read shopify manual:

    1.Products

    2. Add a Product to your Store

    Filter Sidebar Product Overview

    img

    Add Variants Product

    The filter works with Varianted Products, Vendors, and Metafields. You need to create product variations like size, color, vendor, price in the product tag field or add Metafields


    img

    Add Metafields Product

    Settings->metafields

    img

    To add a field to the filter you can install the following app Shopify Search & Discovery

    img

    Theme settings

    1. From your Shopify admin, click Online Store, then click Themes.

    2. Click Customize theme for the theme you want to customize.

    For more information regarding Shopify theme settings, please refer to Theme Setting Guide.

    Layout

    From your Shopify admin, click Online Store, then click Themes. Click Customize theme for the theme you want to customize. In Theme settings -> Layout.

    Settings

    Header

    In Theme sections. Click Header section

    Settings

    Color

    In Theme settings. Click Color Tab

    Settings

    TypoGraphy

    In Theme settings. Click TypoGraphy Tab

    Settings

    Sidebar

    In Theme settings. Click Sidebar Tab

    Settings

    Page Collection option

    In Theme settings. Click Page Collection option Tab

    Settings

    Page Collection option

    In Theme settings. Click Page Collection option Tab

    Settings

    Language option

    In Theme settings. Click Language Tab

    Settings

    Currency

    In Theme settings. Click Currency format

    Settings

    Social media

    In Theme settings. Click Social Tab. You can enable/disable social block.

    Settings

    Newletterh2>

    In Theme settings. Click Newletter Tab. You can enable/disable Newletter Popup.

    Settings

    Custom css

    In Theme settings. Click Newletter Tab. You can enable/disable Newletter Popup.

    Settings

    Credits

    FAQs & Support

    1. Shopify Help Center
    2. What do I need to start selling on Shopify?
    3. Create a translation for your theme
    4. Use app Weglot Translate

    Need Help?

    If you have any questions, please do not hesitate to contact us at https://www.smartaddons.com/support/tickets. We are happy to help!