How can I add sections to the Debut theme pages?

[Eli90]

Hi,

I would like to add sections to the Debut theme.

An image with text overlay + image slider to my “our products” page (as well as my recipes & blog pages). Is it possible ?

Thank you in advance.

[Eli90]

https://sugar-free-eu.myshopify.com/

password: eveirt

[Cedcommerce]

Hello @Eli90

Hope you are doing well!

Here are the steps you need to follow to add sections to the Debut theme:

• Go to your Shopify admin dashboard.
• Then go to Online store > Debut theme
• Then Click on Customization

image.png

• Then Click on “Add sections”.

• Now check or search from the available sections of the Debut theme and select any.
• Your section will be added to your website and you can view it in the theme preview.
• You can Customize the sections and save your changes.

Hope it helps, let us know if you need any further assistance.

Regards,

Team CedCommerce

[Eli90]

Hi @Cedcommerce ,

thank you for replying. I think that I was a bit unclear, sorry for that.

I was referring to all pages besides the homepage, for instance, my “our products” page. The debut theme offers sections only for the homepage, but I know that it is possible to add to other pages with code.

[Cedcommerce]

Hello @Eli90 ,

Thank you for making your issue clear to us, In order to fix that, you need to make a copy of your theme section.

For example, if you want to use an “image with text overlay” then you need to create a copy of this section and change the file name “product image with text overlay”.

Once you have done this then you need to add this section to your product template.

You can open product-template.liquid file and add your section like this:- {% section “product-image-with-text-overlay” %}

Hope it helps.

All the best,

Team CedCommerce

[Eli90]

Hi @Cedcommerce

thank you for giving me a hand.

1. It seems like the “image with text overlay” section cannot be found in the list… I see many others but not this one (see screenshot).

2. I was referring to that page that shows all of my products (the collections: https://sugar-free-eu.myshopify.com/collections/all ),,) so I’m not sure if the Product template is the right one to use.

Thanks a lot again.

[Cedcommerce]

Hello, @Eli90

For your information, the “image-with-text-overlay” section is created through the “hero.liquid” file in sections.

First, you need to customize the display of the custom section on the**/collections/all** page then you need to follow these steps:-

Duplicate any of the section files that you want to use on /collections/all pages.

Then include it in the collection.liquid in the template by using this condition.

{% if request.path === “/collections/all” %}

{% comment %} new section goes here {% endcomment %}

{% section “new-duplicate-section” %}

{% endif %}

image.png

Hope it helps.

All the best,

Team CedCommerce