# Shopify help

 Before you start with the theme, please check if you are familiar with Shopify software. Pay attention to how to add and edit the Product, Collection, and Navigation menus. You have to be familiar with product tags, product meta fields, and general store settings.

### Register store <a href="#register-store" id="register-store"></a>

&#x20;The Shella theme is not an independent product. You must have a Shopify store to use it. [<mark style="color:blue;">**Create a Shopify store now**</mark>](https://shopify.pxf.io/a1oMDZ) if you don't have one.

&#x20;Shopify offers a 14-day trial period. In case you want more time to prepare your store, consider starting with a [<mark style="color:blue;">**development store**</mark>](https://blog.mpthemes.net/2018/10/09/trial-vs-developer-shopify-store-what-to-choose/)**.**

&#x20;Need to migrate your store to Shopify?\
&#x20;Use the litextension service.\
&#x20;[![litextension - Automated Shopping Cart Migration Service](https://mpthemes.net/shella-shopify-theme/tf-desc/update4-8/logo_litextension_blog.png)\
&#x20;<mark style="color:blue;">**Automated Shopping Cart Migration Service**</mark>](https://litextension.com/?utm_campaign=solutionpartner\&utm_source=mpithemes\&utm_medium=descriptionpage)

### Store settings <a href="#store-settings" id="store-settings"></a>

1. Multi-currency at the checkout page (optional)

   By default theme shows currencies configured at [<mark style="color:blue;">**Shopify Payments**</mark>](https://help.shopify.com/en/manual/payments/shopify-payments/multi-currency). If you want to show unsupported currencies by Shopify Payments - enable the info currency conversion in theme settings and configure the currency format described below.

   Please note. Info multi-currency works only on store pages. The Checkout page works in default store currency.
2. Currency format (optional, info multi-currency)
   1. Go to [*<mark style="color:blue;">Store Admin -> Settings -> General</mark>*](http://shopify.com/admin/settings/general)
   2. Scroll down to **Standards and formats** and press the **Change formatting** link
   3. Update fields:\
      &#x20;HTML with currency to `${{amount}} USD`\
      &#x20;HTML without currency to `${{amount}}`
3. Allow customer's accounts
   1. Go to [*<mark style="color:blue;">Store Admin -> Settings -> Checkout</mark>*](http://shopify.com/admin/settings/checkout)
   2. Find the **Customer accounts** section
   3. Set value to **Accounts is optional**
   4. Save changes

### Products <a href="#products" id="products"></a>

&#x20;Check the following Shopify help pages:

1. [<mark style="color:blue;">Add and update products</mark>](https://help.shopify.com/en/manual/products/add-update-products)
2. [<mark style="color:blue;">Variants</mark>](https://help.shopify.com/en/manual/products/variants)
3. [<mark style="color:blue;">Managing inventory</mark>](https://help.shopify.com/en/manual/products/inventory)
4. [<mark style="color:blue;">Metafields</mark>](https://help.shopify.com/en/manual/custom-data/metafields/)
5. [<mark style="color:blue;">Tags</mark>](https://help.shopify.com/en/manual/products/details/tags)

&#x20;The Shella theme includes the [<mark style="color:blue;">**Product page**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/products/product-page) and [<mark style="color:blue;">**Related products carousel**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/products/related-product-carousel) sections.

#### **Metafields**

Shella theme uses metafields for custom tabs, labels, sale countdown, and the size guide popup.

Check [<mark style="color:blue;">**Shella Metafields**</mark>](https://www.youtube.com/watch?v=u7xcBE9MVUY\&list=PLj-506KaR_vcQjwcpC6yII-1JY0bSj7df\&index=35) video tutorial for more details.

### Collections <a href="#collections" id="collections"></a>

&#x20;Check the following Shopify help page about [<mark style="color:blue;">**Collections**</mark>](https://help.shopify.com/en/manual/products/collections).

&#x20;The Shella theme includes [<mark style="color:blue;">**Sidebar**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/theme-settings/collection-page-1#sidebar) and [<mark style="color:blue;">**Content**</mark> ](https://mpithemes.gitbook.io/shella-shopify-theme/theme-settings/collection-page)static sections and [<mark style="color:blue;">**dynamic**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections) sections for a page.

**Storefront filtering (new filtering approach)**

&#x20;Read details about storefront filtering on the following Shopify help page about [<mark style="color:blue;">**Storefront filtering**</mark>](https://help.shopify.com/en/manual/online-store/themes/customizing-themes/storefront-filters).

&#x20;The theme supports the storefront filtering by Shopify that you can configure in your *Shopify Admin -> Online Store -> Apps* using the **Shopify Search & Discovery app**. How to set up filters in your admin, read [<mark style="color:blue;">**here**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/collections/content/filters#how-to-add-filters-in-shopify-admin).

&#x20;This filtering method uses the 'OR' [<mark style="color:blue;">**filter logic**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/get-started/filters-logic).

#### **Tags (old filtering approach)**

&#x20;Tags are searchable keywords that you can associate with your product. Tags can help customers find your product through your online store search.

&#x20;Filters on the collection page can work based on tags. First, you have to add tags to your products. Second, configure the filter block in theme settings.

&#x20;This filtering method uses the 'AND' [<mark style="color:blue;">**filter logic**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/get-started/filters-logic).

### Navigation, Menus

&#x20;Check the following Shopify help page about [<mark style="color:blue;">**Menus and links**</mark>](https://help.shopify.com/en/manual/sell-online/online-store/menus-and-links).

&#x20;To configure the Mega menu at the theme you have to create the nested menu at *Online Store -> Navigation* and second configure Mega menu popups at *Sections -> Header.*