Landing page customisation - Debutify theme

Hello,

sorry for the Czech language in the image.

I have this landing page (Debutify theme) and I need to change one thing that cannot be done by the tools Debutify provides.

https://imgur.com/a/BpMDOZQ

There is this collection list block for collection called “stolování”. Above it is heading and subheading. I would like to replace the collection name “stolování” within the collection image with the “heading text” or just some custom text. Can it be done somehow? To get rid of the heading and subheading above the image and put it inside the image?

And the 2nd thing I’d like to do is change the width of this image or section on the landing page so it won’t be from left edge to right edge.

Thank you in advance!

To replace the collection name within the collection image: 3. In the code editor, locate the file that controls the collection list block on your landing page. It could be named something like collection-list.liquid or collection-block.liquid. The exact file name may vary based on the specific Debutify version you’re using.

  1. Look for the code that generates the collection image and name. It might look similar to the following:

  
  ### {{ collection.title }}

​
  1. Replace the line <h3 class="collection__title">{{ collection.title }}</h3> with the desired custom text or heading. For example, if you want to use the heading text instead, you can replace it with:
### {{ section.settings.heading }}
​
1 Like

Hello,

thank you for your reply! I located every file that has “collection” in its name. Which one of those should it be? I can’t find anything simmilar to your code unfortunately.

Hey @Daeron

You will need to edit two files to position the subheading where the collection title is present.

Open the file featured-collections.liquid and on line 40, remove the following code “{{ section.settings.subtitle | escape }}”.

The second file is named collection-grid-item.liquid. On line 54 replace the code " {{ collection_title }}" with " {{ section.settings.subtitle | escape }}".

This will be the output. Please keep in mind that these changes will apply for all of the collection list sections.

I took the liberty and applied these changes to a copy of your theme, you can find the theme named “Copy of Aktuální” listed in your theme library.