Be Yours

Contents

1. RoarTheme Support Policy

2. How to setup Subcollections on the collection pages?

3. When I change something on a page or a product page, other pages change too. How can I get rid of it?

4. How to change the content of "Collapsible tab" (Collapsible row) block for each individual product?

5. I have products that have a different size charts, how can I set the size charts for different products?

6. How to change the background color of a section?

1. RoarTheme Support Policy

Support Policy

Available hours

Our support team is available Monday - Friday, 9am - 6pm ICT. Please allow up to 24 hours for a support response, in some instance it may be minutes or a few hours depending on the volume of tickets that we are working on, all, however, are handled in the order that they were received.

Please do not send follow-up requests until you have heard from us. Each new email will renew the timing of your initial query moving you further down the queue.

 

Theme licensing

Themes are licensed to 1 store only per purchase and may not be used in additional stores. Support is free but does not extend to modifying the original source code. For modifications please consider hiring a Shopify Expert.

 

Support eligibility

Free theme support is provided to all Shopify merchants who have purchased a theme via Shopify theme store or directly from ourselves. Those customers may also update their theme to a newer version at any time in the future.

Theme support and theme updates are not available to merchants who have purchased themes from any other source.

We reserve the right to refuse or deny support service at our discretion. Abusive comments aimed at members of our support team will result in an instant and irreversible denial of all further services.

 

Theme support includes:

 

Theme support does NOT include:



Updates are optional, changes in design will often be a factor where new code is used to improve performance, functionality and stability of themes and the options that they carry. Our team can not assist in making your new theme version look like your old theme version in the event of changes in design.

2. How to setup Subcollections on the collection pages?

This article shows you how to set up the subcollections on the collection pages.

1. First, you need to go to Online store > Navigation, then create a new menu. In this menu, you create the structure of your own collections as you want. For example, this is what we made in our demo:

4526352876.png

Please note that every menu item in this menu must be linked to a collection:

8038994526.png

2. Within the Theme editor, go to a collection page. In the Subcollections section, choose the menu you just created in the "Menu" setting:

2281395860.png

That's all. And the sub-collections should display by now.

3. When I change something on a page or a product page, other pages change too. How can I get rid of it?

In Shopify, by default, all of the pages use the same page template. Similarly, all of the product pages use the same product page template (this rule is also accounted for other template types such as collection, blog, blog post). That being said, except for the individual data (title, description...), all the changes you make to a page or a product page (via the theme settings panel, including adding sections or blocks) will be considered representative, and it will apply to all pages or product pages.

So, if you want to separate the settings for each page, you need to create a page template for each. 

Let's assume that I have a page called "Drinking Culture" and I want to create a separate template for it based on Default page template. Here's what I should do:

sample__create_custom_page_template.gif?v=1648483857
From the template dropdown, I choose Pages > Create template
(If you want to create a template for products, then choose Products > Create template)

Then, in the page in admin, I will assign the template "drinking-culture" for it, like this:

1247536577.png

By doing this, now the setting I made for Drinking Culture should be unique and won't impact other pages.

You can also use this method for product pages, collection pages, blog pages, and blog post pages.

4. How to change the content of "Collapsible tab" (Collapsible row) block for each individual product?

The Collapsible tab block (also called Collapsible row in some versions) can retrieve the individual info of the current product called metafields. I will show you how to create a metafield for the product and get it displayed on the Collapsible tab block:

Assumes that you want to store the 'material' info in your products. Here're the steps:

1. From your Shopify admin, go to Settings > Custom dataMetafields > Products:


2. Click Add definition

7143486349.png

3. In the Name field, enter a name for your definition (let's assume 'material'), and then click the name that you entered from the list

3326033978.png

4. Click Select content type

6483615042.png

5. Select Rich text (or Multi-line text), which best matches your demand - texting for the "material" field

6. Click Save, and the new metafield should appear in the list

7356803254.png

2730734506.png

7. Go to the product you want, scroll down and you should see the material field

7929608414.png

8. Click and enter the value you want, then click Save

9718637984.png

9. Go to the product via Customize panel, within the Product information section, add a Collapsible tab block

6924497755.png

10. You can set icon and heading here. Click the Insert dynamic source icon

4700965345.png
11. Choose the material field, then click Insert
8288690525.png

12. Here's the result:

8651986826.png

5. I have products that have a different size charts, how can I set the size charts for different products?

You can use dynamic source via metafields to set the size chart per product. Here are the steps:

First, you need to add metafield definition for storing size chart info:

1. From your Shopify admin, go to Settings > Metafields > Products

2699181896.png
7314815941.png

2. Click Add definition

7143486349.png

3. In the Name field, enter Size chart, then click the 'Size chart' generated as you type

2245205221.png

4. Click Select content type then select Reference

4218259370.png

5. Choose Page

3340479040.png

6. Click Save to save the definition 

9961154954.png

Then, you need to set the dynamic source to link to the Size chart metafield you just created for products

7. Within the Customize panel, go to a product (you can choose any you want, this step is considered representative and impacts all products). Within the Product information section, click Variant picker block, then click the Connect dynamic source button at the Size chart page

4110947532.png

8. The Size chart should be listed here, click on it

3847984447.png

9. Click Save to save your changes. You still haven't seen the Size chart appear by now because you need to set up the Size chart page for each product, like the next steps below.

-----------------------------------------

All the 9 steps above need to be done once only, and it will affect all products. No need to do it again later.

-----------------------------------------

Next, go to the product you want and set the Size chart value:

10. Go to the product you want:

1308590318.png

11. Scroll down to the Metafields and click Show all

4327787002.png

12. You can see the Size chart here

9170919210.png

13. Click on it then click Select page to choose the page you want to be the size chart content for this product.

4656316979.png

14. Click Save to save your changes.

That being said, if you want to include different size charts for different products, just create as many pages as you want.

I hope this helpssmile.png

6. How to change the background color of a section?

Please go to the section you want to change the background color, scroll down to CUSTOM CSS and paste the code:

{
  background-color: #fbb08c;
}

In the code above, a sample color with hex code fbb08c is used, which looks like the color of Macaroni And Cheese. You can replace it with your color's hex code. You can find the hex code at the website https://www.color-hex.com/