Shella Shopify Theme
  • User Manual
  • Shopify help
  • Get Started
    • How to create a new Template
    • How to add and edit a Page
    • How to build Metaobjects
    • How to find a handle
    • Filters logic
    • Pre-Order
  • Product variants
  • Header
    • Theme Blocks
  • Footer
    • Theme Blocks
  • Metafields
    • How to create custom filters
  • Theme Sections
    • Builder
      • Promo box (Banner)
      • Slick Slider
      • Revolution Slider
      • Instagram
      • Product column
      • Custom HTML
      • Space for vertical menu
    • Spacer
    • Article carousel
    • Brand carousel
    • Product carousel
    • Review carousel
    • Contact form
    • FAQs
    • Gallery
    • Information line
    • Search form
    • Subscription form
    • Brands
    • Collections
    • Lookbook
    • One product
    • Collection page heading
      • Theme Blocks
    • Collection banner builder
      • Theme Blocks
    • Ticker
  • Products
    • Product page
      • Theme blocks
    • Related product carousel
    • Usage information sidebar
  • Collections
    • Product grid
      • Current filters
      • Collections
      • Filters
      • Filter settings
      • Tags
      • Products
      • Custom HTML
      • Subscription
      • Promo box (Banner)
  • Collections list
  • Page categories
    • Policy page
    • Lookbook
      • Page
    • Gallery
      • Page
    • FAQs
      • Page
    • Contact
      • Page
    • Brands
      • Page
    • Password
      • Social media
    • Search
      • Current filters
      • Filters
      • Filter settings
      • Products
      • Custom HTML
      • Subscription
      • Promo box (Banner)
    • Quick view
  • Blogs
    • Theme Blocks
  • Blog posts
    • Theme Blocks
  • Theme settings
    • Quick Start
    • License
    • Logo and Favicon
    • Layout
    • Colors
    • Typography
    • Collection and Search page
    • Product -> General
    • Product -> Variants
    • Product -> Collection Page
    • Product Page and Quick View
    • Search
    • Currency
    • Cart
    • Wishlist and Compare
    • Payments
    • Social Media
    • News Subscription
    • Blog and Article Pages
    • Account
    • Reviews
    • Services
    • Apps and Language
    • Button, Input and Promo Box
    • Notifications
    • Pre-loader
    • Animations
    • Developer
    • Custom CSS
  • Theme features
  • Back to Help Center
Powered by GitBook
On this page
  • Install theme
  • Activate theme
  • Envato Market Help Page
  • Update theme
  • Install apps
  • Theme structure
  • Theme package
  • Theme Settings
  • Dynamic sections
  • Static sections
  • Page sections

Was this helpful?

Get Started

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

PreviousShopify helpNextHow to create a new Template

Last updated 2 months ago

Was this helpful?

Install theme

  1. Download the theme package from

    You can purchase the theme

  2. Unzip the downloaded file and find the theme's zip file inside

  3. Log in to your Shopify store

  4. Navigate to themes.

  5. Upload theme

  6. Publish theme

Video manual. How to install the Shella theme.

Activate theme

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

2. Find your purchase code.

3. Paste it to theme settings at Online store -> Themes -> Customize -> Theme settings -> License -> Purchase code.

4. Save theme settings.

Envato Market Help Page

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 not an easy task to update the theme.

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

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 additional steps - export/import theme settings.

  1. Duplicate your current theme Online Store -> Themes, choose a theme, and press the dotted [...] button next to “Customize”. Then hit the “Duplicate”.

    This is a backup copy in case something goes wrong.

  2. Navigate to Shopify Admin -> Apps -> ExIm app -> Theme settings. In the section “Export”, select the theme to export theme settings:

4. In the “Import” section, select the destination theme to import the downloaded theme settings -> press “Add file” -> select the exported Archive -> press “Import theme settings”:

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

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

Video manual. How to update the theme

Install apps

The Shella theme is compatible with all popular apps.

If you have an issue with app installation or app usage, please contact its support first.

If app support has questions about theme files, they can email questions to support@mpthemes.net

Here is the list of recommended apps

  • Basic Wishlist (free, optional, Wishlist/Compare)

    1. Apply general configurations to use the app.

  • Shopify Search & Discovery app (free, optional, filtering)

    1. Go to Shopify Admin -> Apps -> Search & Discovery app.

    2. Apply general configurations to use the app.

  • Weglot Translate (paid, optional, multi-language)

    1. Press the “Add app” button and proceed with the general app installation procedure.

    2. Use a Promo Code: LUKWG20

  • ExIm (free, optional, import demo data)

    1. Press the “Add app” button and proceed with the general app installation procedure.

    2. Find demo data inside the theme package in demo-data folder.

  • JivoChat (paid, optional)

    1. Sign up

    2. Use the code “MPTHEMES” to get the 15% discount.

  • Growave (paid, optional)

    Follow the link below and get an extended 30-day free trial.

    1. Sign up

  • PageFly (paid, optional)

    Follow the link below and get 20% off any paid plan.

    1. Sign up

  • Metafields Guru (free, optional, labels, countdown, size chart)

    1. Press the “Add app” button and proceed with the general app installation procedure.

    2. Check meta fields supported by the Shella theme.

Theme structure

In this section, you will find general information on theme structure. How to organize theme options and sections.

Theme package

When you download the ZIP file from Themeforest, don't upload it to the Shopify store. You have to unzip it, find the theme ZIP file inside, and follow the 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 is the first location where you should look for theme options.

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

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

Dynamic sections

These sections are available on almost all pages. You can build a unique webpage for your store using dynamic sections.

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

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

The Builder section is the most powerful. It has many block types. You can set a custom width per block in Banners (Promo boxes), Sliders, Instagram, etc.

Static sections

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

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

Page sections

The hardest thing is to find sections. They are unique per product page. You should first navigate to the 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.

Demo content

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

Please note you have to add your products, and collections, configure navigation menus, and upload banner images by yourself. Images are not included in the theme package.

You should activate your theme copy. Please check documentation page for more details.

1. Download the Txt file with the theme purchase code from your account Download the purchase code.

Download the purchase code
Open the text file and copy your purchase code

If you can't find a purchase code on your Themeforest account, please check help page for more details.

You can review the on the .

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

Go to the Shopify App Store and

Go to the Shopify App Store

Go to the Shopify App Store and

To use the ExIm app for free, add the theme purchase code in Apps -> ExIm app -> Coupon -> Coupon code. For how to find the purchase code, you can find .

Go to page

Go to page

Go to page

Go to Shopify App Store app

Check the Shopify help page for more information about theme settings customizer.

Please note, the 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 the Shopify page type switcher. Please check the on the Shopify help page for more details.

You can import the demo content using the app.

Theme settings -> License
themeforest.net
Where Is My Purchase Code?
change log
Themeforest description page
Install theme
Install the Basic Wishlist app
Install the Weglot Translate app
Install the ExIm app
here
jivochat.com
growave.io
pagefly.io
Metafields Guru
Editing theme settings
Editing theme settings
ExIm
themeforest.net
here
Store Admin -> Online Store -> Themes