Shopify help

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


Register store

The Shella theme is not an independent product. You must have a Shopify store to use it. Create a Shopify store now if you don't have it.

Shopify offers a 14-day trial period. In case you want more time to prepare your store, consider starting with a development store.


Store settings

  1. Multi currency at checkout page (optional)

    By default theme shows currencies configured at Shopify Payments. If you want to show unsupported currencies by Shopify Payments - enable the info currency conversion at theme settings and configure currency format described below.

    Please note. Info multi-currency works only on store pages. Checkout page works in default store currency.

  2. Currency format (optional, info multi-currency)
    1. Go to Store Admin -> Settings -> General
    2. Scroll down to Standards and formats and press Change formatting link
    3. Update fields:
      HTML with currency to <span class=money>${{amount}} USD</span>
      HTML without currency to <span class=money>${{amount}}</span>
  3. Allow customer's accounts
    1. Go to Store Admin -> Settings -> Checkout
    2. Find Customer accounts section
    3. Set value to Accounts are optional
    4. Save changes

Products

Check following Shopify help pages

  1. Add and update products
  2. Variants
  3. Managing inventory
  4. Metafields
  5. Tags

Shella theme includes Product page and Related products carousel sections

Metafields

Shella theme use metafields for custom tabs, labels, sale countdown, size guide popup, video

Check Shella Metafields paragraph for more details.

Tags

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

Filters at collection page works based on tags. First, you have to add tags to your products. Second, configure filter block at theme settings.


Collections

Check following Shopify help page about Collections

Shella theme includes Sidebar, Heading, Content and Product carousel static sections.


Check following Shopify help page about Menus and links

To configure MegaMenu at theme you have to create nested menu at Online store -> Navigation and second configure MegaMenu popups at Sections -> Header


Get Started

In this article, we help you to install, activate the Shella Shopify theme and recommended apps.


Install theme

  1. Download theme package from themeforest.net

    You can purchase theme here

  2. Unzip the downloaded file and find theme's zip file inside
  3. Log in to your Shopify store
  4. Navigate to themes. Store Admin -> Online Store -> Themes
  5. Upload theme
  6. Publish theme
Video manual. How to install the Shella theme.

Activate theme

You should activate your theme copy. Please check Theme settings -> License documentation page for more details.

A regular theme license allows you to use theme at one store. If you want to use the theme for more stores, you should purchase a new license.

  1. Download txt file with theme purchase code from your themeforest.net account

    Image
    Download the purchase code.
  2. Find your purchase code

    Image
    Open the text file and copy your purchase code.
  3. Paste it to theme settings at Online store -> Themes -> Customize -> Theme settings -> License -> Purchase code

    Image
    Add the purchase code to theme settings.
  4. Save theme settings
Envato Market Help Page

If you can't find a purchase code at your Themeforest account, please check Where Is My Purchase Code? help page for more details.


Update theme

Usually, the theme files are edited by webmasters or apps. Major theme updates include a lot of changes. That is why it is no easy task to update the theme.

All the theme versions are tested before release. Update to the latest version is not obligatory. You may stay with your current version.

You can review change log at Themeforest description page

If you have a highly customized store or want to install a major theme update, I recommend starting from scratch. Please note, a major update is from version 1 to version 3, or from version 2 to version 3. A minor update is from version 3.1.x to 3.3.x. A bugfix update is from 3.3.1 to 3.3.4.

The following update process is good for minor and bug fix updates.

The update process is similar to the installation process with one additional step - copy theme settings.

  1. Duplicate your current theme Online store -> Themes -> Actions -> Duplicate.

    This is a backup copy in case something went wrong.

  2. Upload the latest theme version to your store. Check Install theme for more details.

  3. Open config/settings_data.json file at your current theme at the online editor.

    Theme actions -> Edit code.

    Copy file content.

  4. Open config/settings_data.json file at the latest theme at the online editor.

    Paste content and save file.

  5. Check app configuration. Perform installation steps if needed.

  6. Apply custom code changes. If your store has it.

Video manual. How to update theme

Install apps

Here is the list of recommended apps

  1. Product Reviews. (free, optional, product reviews)
    1. Install Product Reviews app
    2. Press "Add app" button and proceed with general app installation procedure.
    3. Set "Star icon color" to #fec01a at Store Admin -> Apps -> Product Reviews -> Settings
  2. Metafields Guru. (free, optional, labels, countdown, product video)
    1. Go to Shopify App Store Metafields Guru app
    2. Press "Add app" button and proceed with general app installation procedure.
    3. Check meta fields supported by the Shella theme.
  3. Weglot Translate. (paid, optional, multi-language)
    1. Go to Shopify App Store Install Weglot Translate app
    2. Press "Add app" button and proceed with general app installation procedure.
    3. Request 20% discount coupon at support
  4. ExIm (free, optional, import demo data)
    1. Go to Shopify App Store Install ExIm app
    2. Press "Add app" button and proceed with general app installation procedure.
    3. Find demo data inside theme package at demo-data folder.
  5. CustomerMeta (free, optional, wishlist, compare products)
    1. Go to page Install CustomerMeta app
    2. Press "Install" button and proceed with general app installation procedure.
  6. JivoChat (paid, optional)
    1. Go to page jivochat.com
    2. Sign up
    3. Use the code "MPTHEMES" to get the 15% discount.

Theme structure

In this section you will find general information of theme structure. How organized theme options and sections.


Theme package

When you download ZIP file from Themeforest, don't upload it at Shopify store. You have to unzip it, find theme ZIP file inside and follow installation steps.

Theme package includes

/themeforest-shella-***-theme.zip
  • /!-start-here.html
  • /!-upload_me_Shella_theme_X.Y.Z.zip
  • /demo-data/
  • /user-manual/
File/Folder Purpose
/!-start-here.html Read me file with quick start information.
/!-upload_me_Shella_theme_X.Y.Z.zip Theme ZIP file. Upload this file to your Shopify store.
/demo-data/ Demo data from our demo store. It includes Pages, Blog posts and Theme settings. You can import demo data using ExIm app. Check install theme article for more details.
/user-manual/ index.html file with redirect to online user manual. You are reading it right now.

Theme settings

Online Store -> Themes -> Customize -> Theme settings - this the first location where you should look for theme options.

Here you can change general theme setting, which applies to all store pages.

Logo, Typography, Colors, Layout, etc. All options has description and should be clear for you. If you don't find needed option try to search in sections.

Check Editing theme settings Shopify help page for more information about theme settings customizer


Dynamic sections

These sections available only at Home page. You can build a unique home page for your store using dynamic sections.

Online Store -> Themes -> Customize -> Sections -> Add section to add new section. You can also delete dynamic sections and change position.

Shella theme includes many dynamic sections like Product carouse, Collections, One product, Brands carousel, Article carousel, Builder.

Builder section is most power full. It has many block types. You can set custom width per each block. Banners (Promo boxes), Sliders, Instagram, etc.


Static sections

These sections is used for mandatory, static elements. Static sections may be global, available at all store pages, like Header, Footer, Popup, etc

You can change sections options at Online Store -> Themes -> Customize -> Sections. You can remove static sections.


Page sections

This is most hard to find sections. They are unique per product page. You should first navigate to needed page to see static sections available for this page.

For example: 'Product Page' and 'Related products carousel' sections for product pages. 'Sidebar' and 'Head' sections for collection pages.

Please note, list of sections in the Sections tab will be different depending on the current page. You can navigate to a needed page via store preview or using Shopify page type switcher. Please check the Editing theme settings Shopify help page for more details.


Demo content

Theme package includes theme settings, pages and blog posts from our demo stores. You can find it at demo-data folder at theme package.

You can import demo content using ExIm app.

Please note, you have to add your products, collections, configure navigation menus and upload banner images by yourself.

Please note, images are not included into the theme package.