# Shella Shopify Theme

## Shella Shopify Theme

- [User Manual](https://mpithemes.gitbook.io/shella-shopify-theme/master.md): Index of the user manual for the Shella Shopify theme. Use the search icon for quick search.
- [Shopify help](https://mpithemes.gitbook.io/shella-shopify-theme/shopify-help.md): This page helps you to get an idea of how to organize your store at the backend and the steps that should be done before starting theme customizations.
- [Get Started](https://mpithemes.gitbook.io/shella-shopify-theme/get-started.md): In this article, we help you to install and activate the Shella Shopify theme and recommended apps.
- [How to create a new Template](https://mpithemes.gitbook.io/shella-shopify-theme/get-started/how-to-create-a-new-template.md): In this article, we will take a look at how to create and set up your own templates in the theme and connect them to pages in your Shopify Admin.
- [How to add and edit a Page](https://mpithemes.gitbook.io/shella-shopify-theme/get-started/how-to-add-and-edit-a-page.md): You might have already noticed, that pretty often you need to “Select a page” for some content. Where to get these pages from and how to edit them will be explained in this section.
- [How to build Metaobjects](https://mpithemes.gitbook.io/shella-shopify-theme/get-started/how-to-build-metaobjects.md): Metaobjects allow to create and store a custom data with the following displaying this new structured information in the storefront.
- [How to find a handle](https://mpithemes.gitbook.io/shella-shopify-theme/get-started/how-to-find-a-handle.md): In this section, you may find detailed instructions on how to find the handle of a collection.
- [Filters logic](https://mpithemes.gitbook.io/shella-shopify-theme/get-started/filters-logic.md): In this section, you can find a detailed explanation of the “AND” & “OR” filters logic.
- [Pre-Order](https://mpithemes.gitbook.io/shella-shopify-theme/get-started/pre-order.md): “Pre order” is an option which allows you to sell a product that is out of stock.
- [Product variants](https://mpithemes.gitbook.io/shella-shopify-theme/product-variants.md): In case you need to add custom colors as product swatches or in the Sidebar, a section “Product variants” should be added.
- [Header](https://mpithemes.gitbook.io/shella-shopify-theme/header.md): In this section, you can configure the Mega menu according to your needs: choose Type, Colorize style, menus for Vertical and Horizontal view, and add content blocks.
- [Theme Blocks](https://mpithemes.gitbook.io/shella-shopify-theme/header/content.md): In order to make your Header useful, helpful, and well-organized, you can add various content blocks. Here you can decide what information should be displayed and its position.
- [Footer](https://mpithemes.gitbook.io/shella-shopify-theme/footer.md): In this section, you can configure your footer settings. Here you can decide which type of design it should have and what kind of information it should provide to your clients.
- [Theme Blocks](https://mpithemes.gitbook.io/shella-shopify-theme/footer/content-blocks.md): Here you can decide which content should be displayed in the footer and its position.
- [Metafields](https://mpithemes.gitbook.io/shella-shopify-theme/product-metafields.md): Use your favorite meta field editor app or add metafields from your Shopify Admin if you need to have custom labels, sale countdown, size chart, and custom tabs for a separate product.
- [How to create custom filters](https://mpithemes.gitbook.io/shella-shopify-theme/product-metafields/how-to-create-custom-filters.md): In this article, you can find an example of creating a Metafield definition for a custom filter and how to connect it with the theme.
- [Theme Sections](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections.md): In the “Template”, one can choose what Theme Section to use on a page.
- [Builder](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/builder.md): If you need to have the following content: Promo box (Banner), Slick Slider (fastest), Revolution Slider, Instagram, Product column, and custom HTML, a “Builder” should be added.
- [Promo box (Banner)](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/builder/promo-box-banner.md): If you need to have banners, video, or text blocks on a page, a block “Promo box (Banner)” should be added.
- [Slick Slider](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/builder/slick-slider.md): “Slick Slider” is a “Builder” block, which enables you to add images as sliders on your page to make an effect of animation.
- [Revolution Slider](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/builder/revolution-slider.md): “Revolution Slider” is a “Builder” block, which enables you to add images as sliders on your page to make an effect of animation.
- [Instagram](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/builder/instagram.md): “Instagram” is a “Builder” block, which enables you to add your or some other Instagram content to your page.
- [Product column](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/builder/product-column.md): This block enables adding a product column for the template in the “Builder” section.
- [Custom HTML](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/builder/custom-html.md): This block allows adding the whole page as content for templates.
- [Space for vertical menu](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/builder/space-for-vertical-menu.md): If you need to have a space for “Header type” #5 and “Header type” #7 (vertical menu), a block “Space for vertical menu” should be added.
- [Spacer](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/spacer.md): The “Spacer” section can be added between any sections, before or after sections if one needs some space between them.
- [Article carousel](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/article-carousel.md): If you need an article carousel on a page, a section “Article carousel” should be added.
- [Brand carousel](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/brand-carousel.md): If you need a brand carousel on some pages, the “Brand carousel” section should be added.
- [Product carousel](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/product-carousel.md): If you need a product carousel on a page, a section “Product carousel” should be added.
- [Review carousel](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/review-carousel.md): If you want to show a client's review on a page, add the "Review carousel" section.
- [Contact form](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/contact-form.md): If you want to display a contact form, add the “Contact form” section.
- [FAQs](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/faqs.md): This section allows you to add the whole page as content on any page.
- [Gallery](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/gallery.md): This section allows you to add or edit the Gallery on your pages.
- [Information line](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/information-line.md): In case you need to display a line with some information on your pages, you can add the “Information line” section.
- [Search form](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/search-form.md): If you need this section on some pages, add the "Search form" in the theme Editor.
- [Subscription form](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/subscription-form.md): If you want to place a subscription form on a page, add the “Subscription form” section.
- [Brands](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/brands.md): If you need to have Brands on your pages, this section should be added.
- [Collections](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/collections.md): If you want to show a static section on your pages where the products from some collections will be displayed, you need to add the “Collections” section.
- [Lookbook](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/lookbook.md): If you need a Lookbook displayed on a page, the “Lookbook” section should be added.
- [One product](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/one-product.md): This section allows showing one product as a single section on your pages. If you need this, add the “One product” section.
- [Collection page heading](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/collection-page-heading.md): If you need to place the Heading on collection pages, the “Collection page heading” section should be added. The Heading is content that appears before or after the collection products grid.
- [Theme Blocks](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/collection-page-heading/theme-blocks.md): In this section, you can add content blocks such as “Title”, “Promo box (Banner)”, “Slick slider”, or “Slide for slick”. Let’s take a look at the functionality of each block.
- [Collection banner builder](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/banner-builder.md): If you need to build a banner or a whole page as content on the collection page, the “Banner Builder” section should be added.
- [Theme Blocks](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/banner-builder/theme-blocks.md): Here you can decide which content should be displayed individually on each collection page.
- [Ticker](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/ticker.md): This section allows displaying a slider with promotional or announcement text.
- [Products](https://mpithemes.gitbook.io/shella-shopify-theme/products.md)
- [Product page](https://mpithemes.gitbook.io/shella-shopify-theme/products/product-page.md): In this section, you can decide on the content that should be visible on the product page, its sidebar, and tabs.
- [Theme blocks](https://mpithemes.gitbook.io/shella-shopify-theme/products/product-page/theme-blocks.md): Use the content blocks to display the required information in the product information section, sidebar, and custom tabs sections.
- [Related product carousel](https://mpithemes.gitbook.io/shella-shopify-theme/products/related-product-carousel.md): If you need to showcase a product carousel on product pages, the “Product carousel” section should be added.
- [Usage information sidebar](https://mpithemes.gitbook.io/shella-shopify-theme/products/product-fixed-sidebar.md): The 'Usage information sidebar' is the popup on the right side that allows showing additional information. To keep it on product pages, this section should be added.
- [Collections](https://mpithemes.gitbook.io/shella-shopify-theme/collections.md)
- [Product grid](https://mpithemes.gitbook.io/shella-shopify-theme/collections/content.md): In this section, you can configure the content that should be displayed on the collection page, manage the sidebar and decide what it should display: various filters, promo boxes, pages, subscription.
- [Current filters](https://mpithemes.gitbook.io/shella-shopify-theme/collections/content/current-filters.md): This block shows all filters that customers have selected.
- [Collections](https://mpithemes.gitbook.io/shella-shopify-theme/collections/content/collections.md): This is the collections switcher block, which navigates one to the collection selected in the sidebar Menu.
- [Filters](https://mpithemes.gitbook.io/shella-shopify-theme/collections/content/filters.md): This block enables one to add filters and apply general settings regarding the filter's appearance.
- [Filter settings](https://mpithemes.gitbook.io/shella-shopify-theme/collections/content/filter-settings.md): This block can be added multiple times and assigned to each filter in order to apply advanced settings for each filter block (e.g. color, size, etc.).
- [Tags](https://mpithemes.gitbook.io/shella-shopify-theme/collections/content/option-filters.md): This block enables one to filter the products by tags.
- [Products](https://mpithemes.gitbook.io/shella-shopify-theme/collections/content/products.md): This block allows you to show products from other collections in the sidebar.
- [Custom HTML](https://mpithemes.gitbook.io/shella-shopify-theme/collections/content/custom-html.md): This block allows you to add a page as content in the sidebar.
- [Subscription](https://mpithemes.gitbook.io/shella-shopify-theme/collections/content/subscription.md): This block enables you to add a subscription form to the sidebar.
- [Promo box (Banner)](https://mpithemes.gitbook.io/shella-shopify-theme/collections/content/promo-box-banner.md): This block enables you to add a banner to the sidebar.
- [Collections list](https://mpithemes.gitbook.io/shella-shopify-theme/collections-list.md): In this section, you can configure collections that should be displayed on the collections list page and their appearance.
- [Page categories](https://mpithemes.gitbook.io/shella-shopify-theme/page-categories.md)
- [Policy page](https://mpithemes.gitbook.io/shella-shopify-theme/page-categories/policy-page.md): Here you can configure policy pages and the content that should be displayed on them.
- [Lookbook](https://mpithemes.gitbook.io/shella-shopify-theme/page-categories/lookbook.md): A lookbook allows your customers to check the new fashion looks at your store and get the price information about the items of the look.
- [Page](https://mpithemes.gitbook.io/shella-shopify-theme/page-categories/lookbook/page.md): In this section you can apply the general settings for a Lookbook page.
- [Gallery](https://mpithemes.gitbook.io/shella-shopify-theme/page-categories/gallery.md): This pre-designed page allows you to add or edit the Gallery on your store.
- [Page](https://mpithemes.gitbook.io/shella-shopify-theme/page-categories/gallery/page.md): In this section you can apply the general settings for a Gallery page.
- [FAQs](https://mpithemes.gitbook.io/shella-shopify-theme/page-categories/faqs.md): This customizable page allows you to add or edit the FAQs page.
- [Page](https://mpithemes.gitbook.io/shella-shopify-theme/page-categories/faqs/page.md): In this section you can apply the general settings for a FAQ's page.
- [Contact](https://mpithemes.gitbook.io/shella-shopify-theme/page-categories/contact.md): This section allows you to edit the content and a contact map on a Contact page.
- [Page](https://mpithemes.gitbook.io/shella-shopify-theme/page-categories/contact/page.md): In this section you can apply the general settings for a Contact page.
- [Brands](https://mpithemes.gitbook.io/shella-shopify-theme/page-categories/brands.md): This is the pre-designed custom page that allows showing the list of brands with the links to collections on a separate page.
- [Page](https://mpithemes.gitbook.io/shella-shopify-theme/page-categories/brands/page.md): In this section you can apply the general settings for a Brand page.
- [Password](https://mpithemes.gitbook.io/shella-shopify-theme/page-categories/password.md): This pre-designed page includes settings to configure the Password page.
- [Social media](https://mpithemes.gitbook.io/shella-shopify-theme/page-categories/password/social-media.md): If you want to show social media on the Password page, this block should be added.
- [Search](https://mpithemes.gitbook.io/shella-shopify-theme/page-categories/search.md): Here you can find the major settings to set up the Search results page.
- [Current filters](https://mpithemes.gitbook.io/shella-shopify-theme/page-categories/search/current-filters.md): This block shows all filters that customers have selected.
- [Filters](https://mpithemes.gitbook.io/shella-shopify-theme/page-categories/search/filters.md): Add this block to display filters in the sidebar. It includes the general settings regarding the filter's appearance.
- [Filter settings](https://mpithemes.gitbook.io/shella-shopify-theme/page-categories/search/filter-settings.md): This block can be added multiple times and assigned to each filter in order to apply advanced settings for each filter block (e.g. color, size, etc.).
- [Products](https://mpithemes.gitbook.io/shella-shopify-theme/page-categories/search/products.md): This block allows you to show products from other collections in the sidebar.
- [Custom HTML](https://mpithemes.gitbook.io/shella-shopify-theme/page-categories/search/custom-html.md): This block allows you to add a page as content in the sidebar.
- [Subscription](https://mpithemes.gitbook.io/shella-shopify-theme/page-categories/search/subscription.md): This block enables you to add a subscription form to the sidebar.
- [Promo box (Banner)](https://mpithemes.gitbook.io/shella-shopify-theme/page-categories/search/promo-box-banner.md): This block enables you to add a banner to the sidebar.
- [Quick view](https://mpithemes.gitbook.io/shella-shopify-theme/page-categories/quick-view.md): Use this template to decide on the information to display in the popup when pressing an "eye" icon overlaying the product card.
- [Blogs](https://mpithemes.gitbook.io/shella-shopify-theme/blogs.md): In this section, you can configure the content that should be displayed on the Blogs page.
- [Theme Blocks](https://mpithemes.gitbook.io/shella-shopify-theme/blogs/blogs-sidebar.md): Here you can manage your sidebar and decide what content blocks it should display on the Blog page.
- [Blog posts](https://mpithemes.gitbook.io/shella-shopify-theme/blog-posts.md): In this section, you can configure the content to display on the Article page.
- [Theme Blocks](https://mpithemes.gitbook.io/shella-shopify-theme/blog-posts/blog-posts-sidebar.md): Here you can manage your sidebar and decide what content blocks it should display on the Article page.
- [Theme settings](https://mpithemes.gitbook.io/shella-shopify-theme/theme-settings.md)
- [Quick Start](https://mpithemes.gitbook.io/shella-shopify-theme/theme-settings/quick-start.md)
- [License](https://mpithemes.gitbook.io/shella-shopify-theme/theme-settings/license.md): In this section, you need to insert your purchase code in order to activate a theme.
- [Logo and Favicon](https://mpithemes.gitbook.io/shella-shopify-theme/theme-settings/logo-and-favicon.md): This section allows you to configure logo and favicon according to your needs.
- [Layout](https://mpithemes.gitbook.io/shella-shopify-theme/theme-settings/layout.md): In this section, you can apply the layout settings for your store.
- [Colors](https://mpithemes.gitbook.io/shella-shopify-theme/theme-settings/colors.md): In this section, you can change colors at everything on your store page.
- [Typography](https://mpithemes.gitbook.io/shella-shopify-theme/theme-settings/typography.md): In this section, you can change the font separately for Body, Heading, Button & Input, and Menu.
- [Collection and Search page](https://mpithemes.gitbook.io/shella-shopify-theme/theme-settings/collection-and-search-page.md): This section includes settings to configure some elements on the Collection page and Search results page.
- [Product -> General](https://mpithemes.gitbook.io/shella-shopify-theme/theme-settings/product-greater-than-general.md): In this section, you can configure general settings for all product on your store.
- [Product -> Variants](https://mpithemes.gitbook.io/shella-shopify-theme/theme-settings/product-variants.md): In this section, you can configure the product variants design.
- [Product -> Collection Page](https://mpithemes.gitbook.io/shella-shopify-theme/theme-settings/collection-page.md): This section includes settings to configure the collection info page.
- [Product Page and Quick View](https://mpithemes.gitbook.io/shella-shopify-theme/theme-settings/product-page-and-quick-view.md): This section includes settings to configure the product info page and the quick view popup.
- [Search](https://mpithemes.gitbook.io/shella-shopify-theme/theme-settings/search.md): In this section, you can configure your search options.
- [Currency](https://mpithemes.gitbook.io/shella-shopify-theme/theme-settings/currency.md): In this section, you can customize the “Store's currency” option.
- [Cart](https://mpithemes.gitbook.io/shella-shopify-theme/theme-settings/cart.md): In this section, you can apply settings to the Cart page and cart popup.
- [Wishlist and Compare](https://mpithemes.gitbook.io/shella-shopify-theme/theme-settings/wishlist-and-compare.md): In this section, you can configure Wishlist and Compare options.
- [Payments](https://mpithemes.gitbook.io/shella-shopify-theme/theme-settings/payments.md): In this section, you can change the icons list or add custom icons for the Product page, Quick View popup, and Footer section.
- [Social Media](https://mpithemes.gitbook.io/shella-shopify-theme/theme-settings/social-media.md): In this section, you can configure: Social sharing images, Social accounts for Footer and Header sections, and Social share buttons on product pages.
- [News Subscription](https://mpithemes.gitbook.io/shella-shopify-theme/theme-settings/news-subscription.md): In this section, you can choose a subscription method and customize the subscription popup according to your needs.
- [Blog and Article Pages](https://mpithemes.gitbook.io/shella-shopify-theme/theme-settings/blog-and-article-pages.md): In this section, you can configure the sidebar visibility and position on the Blog and Article pages.
- [Account](https://mpithemes.gitbook.io/shella-shopify-theme/theme-settings/account.md): In this section, you activate showing the “Account” header button and configure its popup.
- [Reviews](https://mpithemes.gitbook.io/shella-shopify-theme/theme-settings/reviews.md): In this section, you can enable the reviews apps.
- [Services](https://mpithemes.gitbook.io/shella-shopify-theme/theme-settings/services.md): In this section, you activate showing the “Client Service” header button and configure its popup.
- [Apps and Language](https://mpithemes.gitbook.io/shella-shopify-theme/theme-settings/apps-and-language.md): In this section, you can configure the translation apps and store languages.
- [Button, Input and Promo Box](https://mpithemes.gitbook.io/shella-shopify-theme/theme-settings/button-input-and-promo-box.md): This section includes settings to set up buttons, inputs, and banners on the whole store.
- [Notifications](https://mpithemes.gitbook.io/shella-shopify-theme/theme-settings/notifications.md): In this section, you can apply settings for cookie and purchase notifications.
- [Pre-loader](https://mpithemes.gitbook.io/shella-shopify-theme/theme-settings/pre-loader.md): In this section, you can customize a pre-loader.
- [Animations](https://mpithemes.gitbook.io/shella-shopify-theme/theme-settings/animations.md): This section allows you to customize some animation elements on the entire store.
- [Developer](https://mpithemes.gitbook.io/shella-shopify-theme/theme-settings/developer.md)
- [Custom CSS](https://mpithemes.gitbook.io/shella-shopify-theme/theme-settings/custom-css.md): This section allows adding your custom styles to the entire store.
- [Theme features](https://mpithemes.gitbook.io/shella-shopify-theme/theme-features.md)