Shella Shopify theme


1. Known issues and Solutions

2. How to move collection description to the bottom.

3. FAQ

4. How to install the Klarna app.

5. Product page file structure. Useful for app installation.

6. FAQ (version 3.x or lower)

7. Issue Template

8. Feature Request Template

9. How to Move the Collection Description to the Bottom

10. How to install the Yotpo review app.

11. How to add tabs in any place? HTML code snippet.

1. Known issues and Solutions

Version 4.8.0

1. Footer or Header (elements) disappeared after update

This issue occurs if you've selected the color for an element and then removed the color. As the result, the transparent color is preserved in the settings.

The workaround is to remove all the lines with the color "rgba(0,0,0,0)" in the file config/settings_data.json

It can be easily done by searching (CTRL+F) in the file -

2. Can't change color of the Input background

You may need to add 3 lines of code to the file snippets/css-variables.liquid

After the lines:

--theme12: {{ settings.color_theme12 }};

{%- endif -%}


{%- if settings.color_theme13 and settings.color_theme13 != '' -%} 

--theme13: {{ settings.color_theme13 }}; 

 {%- endif -%}

2. How to move collection description to the bottom.

1) Create a collection with a description

2) Open sections/collection-body.liquid file at Theme actions -> Edit code.

3) Search for pagination_html at line ~570

4) Add the following code snippet before closing and opening div tags

    <div class="rte">
      {{ collection.description }}

You should get this result

5) Disable the collection description at the top. Go to Collection page -> Heading section -> Set Only title

6) Scroll to the bottom to check the result 

3. FAQ

About version 4

1) What features added to the theme version 4?

The theme front-end doesn't change.

We worked on the version 4 update for the six months.

Most improvements are related to the theme code. If review the code, it is about 30-40% of the new code.

You may notice the changes in the theme settings. We removed the hard to understand features. And try to make it easier.

You may stay with version 3, if you have an issue with the theme, our developer will fix it.

2) How to update to the theme version 4?

The theme version number 4 has significant changes and improvements. Unfortunately, the theme settings from version 3 are not compatible with version 4. If you want to use version 4, you should configure it 4 from scratch.

The update is not mandatory. You may stay with the previous theme version.

3) How long it will take to configure version 4 from scratch?

It depends on your store configuration. I believe it should be much faster and easier than in previous versions.

4) Is it possible to automatically copy theme settings?

Unfortunately, some software updates don't provide such an option. For example, Shopify announced the new features: Sections on every page, Master pages, etc. What does it mean for the theme developer? The theme developer should significantly rewrite the theme code. The theme developer should create a new theme from scratch to include new features in the theme editor. This is true for any software product, not only for the Shella Shopify theme.

Thank you for your understanding.


1) How to find the global settings? 

Sections -> Global settings used to configure the custom product swatches at previous version (theme version 3x).

Now it was renamed to Product variants.

a) You should enable it in Theme settings -> Product -> Variants.

b) You may configure in Sections -> Product variants.

Please check the user manual for more details.

2) Upload theme Error "Zip does not contain a valid theme: missing template "layout/theme.liquid"

Unzip the downloaded file firstly, then you can upload "upload_me_Shella_theme..." to Shopify theme uploader. 

Here is our user manual -

Please, also watch this video tutorial -

3)  Why I can’t see menus, images, etc. after uploading Shella theme to my store

Unfortunately, Shopify doesn't allow export/import features for some elements, like Collections, Navigation menus, Images etc.

You should upload your images, products, configure collections and navigation menus by yourself.

4)  How to update the theme each time and do not lose theme settings

- You can read the step by step instruction in our user manual –

Or watch our video tutorial –

- If you edit the theme source code, you should merge your code changes manually.

We recommend to use the Git software to track your code changes.

5) How to update the theme from 3x version to 4x version

Unfortunately, there is no way to update the theme version 3x to the newest version 4x without losing your theme settings. 

If review the code, it is about 30-40% of the new code in version 4x. So, you may need to start building your theme from scratch. 

Please check this page for more details about theme version 4x -

6) Where to find the entire changelog of the theme updates

Please, follow the link to check the full list of changes, scroll down to "Change log" block -

7) How to move theme from one Shopify store to another store

Navigate to Shopify admin -> Online store -> Actions-> press “Download theme file”

The theme files will be sent to your mail. 

Please note, the Shopify software doesn't allow to duplicate the store.

You may export/import products, export/import the theme, you may use 3rd party apps to export/import other store data.

For example, you may use the ExIm app to export/import Pages and Blog posts.

But you should configure other content and store settings manually. Configure collections, navigation, etc.

Theme settings include links to the store resources, you may need to update them too.

8) How to create Staff account

You can create staff account at Shopify admin -> Settings -> Users and Permissions.

Please, check Shopify user manual for more details -

9) How to disable the gear wheel popup on the right side of the screen

You can disable an option “Enable a gear wheel popup (Presentation mode)” in Theme settings -> License -

10) The Instagram feed does not display on my home page

- You can only use the "Instagram block" to configure this feature.

Please, read more details in our user manual -

- If you want some images from your Instagram account to be automatically displayed on the home page, we recommend you to install the IG app.

IG disabled public access to account's images.

The theme works as described here –

Unfortunately, this method doesn't work anymore.

11) How to configure payment icons in Footer

You can apply changes at Theme settings -> Payments.

Please, read our user manual for more details -

12) How to configure RTL only for Arabic language

The RTL feature works based on the "dir" attribute of the "html" tag -

The language app should update this attribute.

Please, contact the app developer for help with app installation and configuration.

13) How to configure product tabs

 -  Tabs that you can configure in Shella Editor work for all Product pages.

Go to Products -> Product page section to configure tabs -

You can read details in our user manual –

-  If you want to add a unique Tab for each product, you can achieve it via Metafields.

Please, read more details in our user manual -

Or watch the video tutorial - 

14) How to create webpages

You can add or edit pages at Shopify admin -> Pages, using any features of Shopify rich text editor -

Please, also read Shopify user manual for more details -

15) Why Shella theme does not support Internet Explorer

Unfortunately, we don’t support IE in our theme. We’ve analyzed browsers using statistics and detected that this browser is used by too small percent of users. 

So, we’ve decided not to use it. Also, IE doesn’t support many modern features. Theme has poor functionality if it is developed for this browser. 

16) How to change the “Sort by” on Collection page

The sorting order is generated by default Shopify logic.  

The theme doesn't change this. It can't be regulated in theme's files.

You may edit the text in Shopify admin -> Online store -> Actions -> Edit languages, press tab “Collections” and scroll down to “Control sort by” block –

17) How to configure multiple selection for “Collections” filter

"Collections" Sidebar filter works as a switcher between the collections.

So, it navigates you to the collection that you selected in the Sidebar menu.

You may check how the filter works on our demo -

18) Wishlist /Compare functionality does not work correctly

You should install the app for the correct work of Wishlist /Compare functionality.

We use CustomerMeta app on our demo.

Please, check our user manual, item 5 -

You can also find more information here -

19) How to configure the Purchase notification 

You can configure the Purchase notification at Theme settings -> Notifications.

Please, read details in our user manual -

You can select any collection for this popup.

You may edit the text in Shopify admin -> Online store -> Actions -> Edit languages, filter by "notification" keyword -

20) How to build Image+Text one by one blocks on Home page

You may need to create a Builder section with two Promo boxes -

For the first Promo box, you should select the Layout type - Clean image without text -

And for the second one, any Type of text without an image -

Please, check our video tutorial for more details -

21) How the “Related Products” algorithm works (section at the bottom of Product page)

Please check the Shopify manuals, like this blog post -

The related products are pulled via JS -

The Shella theme doesn't include the example code snippets, but uses the same idea.

You can update JS code at the assets/section.carousel-products.js file -

Please note, the Shopify software selects related products according to an internal algorithm. 

And may decide that your product has only three related products.

22) How to setup pickup availability

The Local pickup was added to the latest theme update 4.10.0.

You may need to enable an option  in Theme settings -> Product page & Quick view -

And apply settings in Shopify admin. How to configure the pickup availability on your store, you can read here -

23) Can I use my license on another store?

The Purchase code is assigned only to one account. So, you may need a License for every, if you want to use it on two different accounts.

If you need to move your license from one domain to another, you should remove it from the old domain, and write to us. We'll reset it.

4. How to install the Klarna app.

You should apply settings in the Klarna app. Activate the messages and select what message should be displayed 

The place to display the message can be set by the class.

You can use the class .klarna-message-home on Static pages and Home page.

This code should be placed where you need to display the Klarna message -

< div class="klarna-message-home"> (use "< div" without a space)

Use any other class instead of .klarna-message-home for several Static pages, for example:




Use the Anchor CSS Selector to add messages from Klarna.

Classes for posting messages from Klarna on the product page: ".klarna-message-info", ".klarna-message-info2" 

Class for posting messages from Klarna in an information tab on the product page: ".klarna-message-tab"

Class for posting messages from Klarna on the cart page: ".klarna-message-cart".

Please note, you should also apply changes to the corresponding class in HTML


You may also need to wait from 1 to 2 minutes before saving changes in the app, because app needs time to update changes and transfer data to the Shopify.

Then you can press button “Save”. And check changes in the Preview mode.


5. Product page file structure. Useful for app installation.

I had a ticket form, sschumm

Me and the Yotpo team are having difficulties in installing the Star reviews on the Shella theme. This because you use a different naming for templates and all.

Can you please guide us on how to install the Yotpo Star Review under or above the product title on both the product pages and the Collection pages.

Product page files:

a) sections/product.liquid - start file. It prepares the variables, and includes, main product snippet depends on the product page layout selected at your theme settings.

b) snippets/product-page-get-main.liquid - includes gallery, info, and tabs snippets.

c) snippets/product-page-get-info.liquid - generates the product info


d) snippets/product-page-get-tabs.liquid - tabs

Tabs titles

Same for tabs content

I hope it will help you to understand the Shella product page file structure.

In next article I will guide you, how to insert app's code snippets based on Yotpo Star Review app.

Thank you for using the Shella Shopify theme.

6. FAQ (version 3.x or lower)


Firstly, you can see full installation process in such video -

Check if you do the same action- unpack the package downloaded from Themeforest (it has also user-manual folder with documentation)

- in your site admin in Themes upload the package -

Finally, if you have problems with package uploading create staff account for me ([email protected]) I will upload the theme to your store.


Such video can helps you -

Also, please, read the chapter from our documentation -


From v.2.x you have to activate the theme. Firstly, please, keep in mind that the one copy of our theme must be used only on one domain. If you’ve entered the code on one domain but want to remove it to other domain you have to write us to reset the old domain.

If you use a clean new site and have problems, please, follow instructions from -


- each new app adds JS and CSS. Loaded from new server. DNS lookup, connect to new server all these slowdowns page load. Choose only needed apps. It's up to you what is more important for your store, additional features or some more points for page speed. (I believe features is more important)

- each new element on the page slow down page speed. For example we disable product options on home page to get higher speed points.

For example, all three stores on our demo (some optimised the best, some not) has same theme code. The difference is in: a) apps, b) content, c) configuration.


please, keep in mind that our theme (and any other custom theme) isn't compatible with all third-party plugins or themes by default. You often (not always) need to customize the plugin or other theme to make it work properly with your theme. It's impossible for theme’s author to make the theme compatible with all existing plugins. Only default theme is compatible with all third-party plugins, because all plugins are designed to work with default theme. Most common case is a conflict if the plugins and the theme override the same default template file. In such cases you need to customize conflict template and merge plugin into theme template


All options available for logo can be found in Sections -> Header. There are all possible options for logos - for different screens and their sizes -


All menus you have to create manually. Unfortunately, it is not imported after theme’s sample data installation.

Full information you can find in the documentation -,

Also such short video can helps -


Any changes with fonts in admin can be done as described here -

Any other specific changes have to be done in css only. Unfortunately, such additional work is beyond of scope of our general support.


To find quickly what style you need to change you can use add-on firebug for Firefox or web developer tool for Chrome or Opera (it’s included in browser. You need only right click on some element and choose “Inspect element”). In it you can choose any element and see what styles are connected with it and in what file.


By default in shopify the only one language is used on store front. To use more than one you have to use some application. Our theme is compatible with :Weglot , Longify

Our theme is compatible with proposed applications because code of them is added in the theme. So, you can choose any of them. After installing , please, read any instructions in the application user manual


You can disable this block in Theme settings -> Layout -> Enable presentation


The texts in the Newsletter popup are simple language texts. Open Edit languages section -


Our theme provides 2 types of Newsletter subscriptions: default Shopify subscription and Mailchimp integration. You can switch between them in Theme settings -> News subscription.

please, keep in mind that our theme uses Mailchimp embedded forms. They should work on any site independently from Shopify. Integration of any other 3rd party service is beyond of scope of our support.


About all settings of revolution slider you can read here -,

And find them in corresponding Builder in Sections on home page. Also such customisation video can helps -

You can set any sizes of slides in the Revolution. Also you can download images from our demo. Also when you upload own images you should check them on different screen resolutions.


If you add separate Instagram blocks you should upload the images manually. You can remove these Instagram blocks, so, images will be uploaded from your account. Images from an account are added according to their popularity. Also Instagram account should be open to being seen in widget.

Please, find full information in our documentation -,

Also such video will helps to have your Instagram parameters -


Firstly, you have to install the addons according to such infromation -

Than go to each product and open metafields editor -,

Create metafields strictly following our documentation -, item 47 - Custom tab per product


To change text for this price sale separator go in Edit languages -> Product tab -

Also you can disable/enable it in product page Section -> Product page -> INFORAMATION -> Show sale price separator

Finally, check also this option in Theme settings -> Currency -


Go in admin Products -> Collection. Open each collection , for example, Press save button and you will see on Store front -


Please, read here -


1) this timer can be disabled in Sections -> Product -> Show text countdown. It works with such options -

2) data format can't be changed in admin, only manually in some files.

Texts in this block have to be changed in Edit languages -> Products tab -> Product section

and Products tab -> Product text countdown section


Related products block created based on this code example from Shopify - Unfortunately theme doesn't have feature needed for your store.


the page FAQ has sections which are  added in Theme customise panel, faq page - Sections


You should enable password in admin.

  1. From your Shopify admin , go to Online Store > Preferences.
  2. Scroll to the Password protection area, and check Enable password.

So, you will see the password page in dropdown list with pages -


- on Product page go in the Editor: Theme settings -> Product -> PAYMENTS. Here enable/disable, add links

- in the Footer go in the Editor: Sections -> Footer -> CONTENT -> Payments. You can read about in the documentation - Also, please, refer in it that not all types of the Footer have the block Payments

25. How to install AliReviews app at Shella Shopify theme?

Check this blog post for detailed instructions.


Text for this block is located in Edit languages, tab Products -> Stock countdown html.

Base number to which the product quantity is compared is set in Editor Theme settings -> Product -> Stock countdown min value. 

In your product you have to set quantity that will be less than this option “Stock countdown min value” - 

In such case this product quantity will be displayed -


In new version of our theme Revolution slides, promo boxes have expanded functionality. For them Content Builder functionality is used. 

To see texts you should enter html content in the field  - Custom HTML or Template -

Also check what type is set - (it has to be with text)

For example, 

-to have simple box with centered information go in page - and copy content of first block - Type #1, Example #1 (Default)

- to have this block with 2 buttons you should go to demo page -, copy the code of Type #1, Example #2

 from here and insert it in Promo box field - Custom HTML or Template.

But this is not all. Full information about using content builders read here -


You may be faced with such error. 

To correct this make search with the word “text-undertline”. 

Make the option title empty.

7. Issue Template

Expected Behavior

Please describe the behavior you are expecting.

Current Behavior

Please describe the current behavior?

Failure Information

Please help provide information about the failure.

Steps to Reproduce

Please provide detailed steps for reproducing the issue.

  1. Step 1
  2. Step 2
  3. ...


Please provide any relevant information about your setup. This is important in case the issue is not reproducible except for under certain conditions.

8. Feature Request Template

Start your ticket with the title "Feature Request: ...."

Make ticket public.

The feature request should include the following information.


Describe how the feature should work at the storefront.

How to configure feature at the backend

Describe how to configure the feature at the backend.

Example store

Add the URL of the example store. Add steps on how to see the feature in actions.

Example Shopify theme

Add the Shopify theme name with this feature (optional).

If you found the existing feature request useful for your store, add a "+1" comment.

9. How to Move the Collection Description to the Bottom

In case you want to show the collection description at the bottom of the page. You should perform the following steps.

Note: You should be able to edit the theme source code at Theme actions -> Edit code. Or hire a Shopify Expert to complete this task for you.

1) Create a backup copy of your theme at Theme actions -> Duplicate. You may quickly restore the working theme in case something goes wrong.

2) Go to Theme actions -> Edit code.

3)  Open the snippets/collection-head.liquid file

4) Find the following code

<div class="rte fs{{ description_class }}">
    {{ collection.description }}

5) Cut it from the snippets/collection-head.liquid file & paste at the snippets/collection-page.liquid file. After the collection-body section

You should get

a) Updated snippets/collection-head.liquid file

b) Updated snippets/collection-page.liquid file

c) Collection description after the product list.

d) You may add additional margin with mt-100 class.

mt - short for margin top

100 - distance in pixels, you may use other number with set of 10 pixels.

It looks better now.


Thank you for using the Shella theme.

10. How to install the Yotpo review app.

You may want to see the previous article for more details about product page files.

This article is for the Yotpo review app, but it may be useful if you want to install other Shopify apps. You may show this article to the app developer to help locate the needed theme file.

Let's install and configure the Yotpo app.

Yotpo widget @ product page

1) Install app & select Manual Installation. I hope in future the app author will add auto install option for the Shella theme.

2) Add Yotpo's Java-Script

Nothing special here. Open theme.liquid file and paste the app's code. (Online store -> Theme actions -> Edit code)

3) Install Reviews Widget

Open snippets/product-page-get-info.liquid file and paste the app's code in place you want to show the reviews widget.

4) Install Conversion Tracking

Follow the app instruction to add tracking code to the Checkout page. This is not a theme related part, cause the Shopify software doesn't allow to modify the Checkout page.

5) Review the result

Place Yotpo widget to the product tab.

1) Open snippets/product-page-get-tabs.liquid file

2) Find the tab_reviews_html

3) Remove the code for the Shopify reviews app

<div id="shopify-product-reviews" data-id="{{ }}">{{ }}</div>

4) Paste Yotpo code instead.

5) Check the result

For product page layout #2

For product page layout #1

How to place Star Ratings widget

1) Open Yotpo app -> On-site Widgets -> Star Ratings

2) Press on Generate Code button

3) Press on Copy Code button

4) Open snippets/product-get-review.liquid file

5) Remove all content

6) Paste Yotpo code

7) Check the result 

Thank you for using the Shella Shopify theme

11. How to add tabs in any place? HTML code snippet.

This article was created thanked Eduardo support request. I believe it may be helpful for other customers as well.

What is the HTML code snippet to add tabs in any place of the theme?

The theme has hundreds of options, you may check it in the user manual and video tutorials. Unfortunately, there is no theme option to add tabs in any place. Fortunately, you may add the following HTML code snippet to solve this task. Yep, you should deal with code, and it requires some basic HTML knowledge and Shopify online theme editor.

HTML code snippet for tabs

Here is an example of three tabs

<tabs-element class="tabs d-block" data-type="horizontal">
    <div class="tabs__head" data-js-tabs-head="">
        <div class="tabs__slider" data-js-tabs-slider="">
            <div class="tabs__btn active" data-active="true" data-js-tabs-btn="">Tab #1</div>
            <div class="tabs__btn" data-js-tabs-btn="">Tab #2</div>
            <div class="tabs__btn" data-js-tabs-btn="">Tab #3</div>
        <div class="tabs__nav tabs__nav--prev" data-js-tabs-nav-prev=""><i></i></div>
        <div class="tabs__nav tabs__nav--next" data-js-tabs-nav-next=""><i></i></div>
    <div class="tabs__body">
        <div class="active" data-js-tabs-tab="">
            <span data-js-tabs-btn-mobile="">TAB #1 <i>+</i></span>
            <div class="tabs__content rte overflow-hidden" data-js-tabs-content="" style="display: block;">Content for tab #1</div>
    <div data-js-tabs-tab="">
        <span data-js-tabs-btn-mobile="">TAB #2 <i style="font-style: normal;text-transform: lowercase;">+</i></span>
        <div class="tabs__content rte overflow-hidden" data-js-tabs-content="">Content for tab #2</div>
    <div data-js-tabs-tab="">
        <span data-js-tabs-btn-mobile="">TAB #3 <i> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-188" viewbox="0 0 24 24"><g><path d="M7.158,12.206c-0.124-0.123-0.186-0.27-0.186-0.439c0-0.169,0.062-0.315,0.186-0.439c0.123-0.123,0.27-0.186,0.439-0.186h3.75v-3.75c0-0.169,0.062-0.315,0.186-0.439c0.123-0.123,0.27-0.186,0.439-0.186c0.169,0,0.315,0.063,0.439,0.186c0.123,0.124,0.186,0.271,0.186,0.439v3.75h3.75c0.169,0,0.315,0.063,0.439,0.186c0.123,0.124,0.186,0.271,0.186,0.439c0,0.17-0.063,0.316-0.186,0.439c-0.124,0.124-0.271,0.186-0.439,0.186h-3.75v3.75c0,0.17-0.063,0.316-0.186,0.439c-0.124,0.124-0.271,0.186-0.439,0.186c-0.17,0-0.316-0.062-0.439-0.186c-0.124-0.123-0.186-0.27-0.186-0.439v-3.75h-3.75C7.428,12.392,7.281,12.33,7.158,12.206z"></path></g></svg> </i></span>
        <div class="tabs__content rte overflow-hidden" data-js-tabs-content="">Content for tab #3</div>
    <script>// <![CDATA[
        theme.AssetsLoader.require('scripts', 'tabs');
    // ]]></script>

You may paste it to the content field via admin panel or paste directly to *.liquid file via online code editor. I will stick with first option. Create a new page, switch to code edit mode, paste the above code snippet you should see the following. tabs

Add content to tabs.

Replace texts "Tab #1", "Tab #2", "Tab #3" for captions

Replace texts "Content for tab #1", "Content for tab #2", "Content for tab #3" for tab content. The tab content may include the HTML code.

In my example I edited two tabs and put HTML code for table.

Remove tab

In case you want to remove tab, you should delete tow DIV tag with class tabs__btn at .tabs__head > .tabs__slider and data-js-tabs-tab attribute at .tabs__body elements.

I my example I will remove third tab and third DIV tags.

Add tab

To add tab you should add tow DIV tag with class tabs__btn at .tabs__head > .tabs__slider and data-js-tabs-tab attribute at .tabs__body elements.

You should keep the sequence of added tags. Second tabs__btn element will be linked to the second data-js-tabs-tab element.


Tabs at mobile transform to the accordion.

You should add mobile captions inside content element data-js-tabs-tab at span tag with data-js-tabs-btn-mobile attribute.

Inside the I tag you may set the open icon.

Option #1 - Plus sign, with italic font style


Option #2 - Plus sign

<i style="font-style: normal;">+</i>

Option #3 - Plus SVG icon

<i> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-188" viewbox="0 0 24 24"><g><path d="M7.158,12.206c-0.124-0.123-0.186-0.27-0.186-0.439c0-0.169,0.062-0.315,0.186-0.439c0.123-0.123,0.27-0.186,0.439-0.186h3.75v-3.75c0-0.169,0.062-0.315,0.186-0.439c0.123-0.123,0.27-0.186,0.439-0.186c0.169,0,0.315,0.063,0.439,0.186c0.123,0.124,0.186,0.271,0.186,0.439v3.75h3.75c0.169,0,0.315,0.063,0.439,0.186c0.123,0.124,0.186,0.271,0.186,0.439c0,0.17-0.063,0.316-0.186,0.439c-0.124,0.124-0.271,0.186-0.439,0.186h-3.75v3.75c0,0.17-0.063,0.316-0.186,0.439c-0.124,0.124-0.271,0.186-0.439,0.186c-0.17,0-0.316-0.062-0.439-0.186c-0.124-0.123-0.186-0.27-0.186-0.439v-3.75h-3.75C7.428,12.392,7.281,12.33,7.158,12.206z"></path></g></svg> </i>

Here is how it looks 

How to set active tab?

In the example snippet the first tab is active by default. You may configure another tab to set active.

You should apply four changes

#1 - Add active class to the tab caption and remove it from first tab

#2 - Add data-active="true" attribute to the tab caption and remove it from first tab

#3 - Add class="active" attribute to the tab content element and remove it from first tab

#4 - Add style="display: block;" attribute the tab content and remove it from first tab

You should get the following code

How to show the accordion on the desktop?

Set the data-type="mobile" attribute for the top tabs-element tag.

That's it. 

Thank you for reading.

Enjoy the Shella Shopify theme.