Using blocks throughout the website on the new DAWN 2.0 theme

[Anjee_a]

I am just moved from DEBUT to the DAWN 2.0 theme. I am quite excited to be able to use blocks on all the other pages on the website. On the PRODUCTS section, I have sub pages (for different product categories). The block -header design and content that I use on the first sub page, is automatically applied to all the other sub pages under PRODUCTS. How can I avoid that and have custom content on each page?

[ThomasBorowski · Accepted solution]

Thanks for the video, that clarifies it.

The thing to understand is that when you add that section in the theme editor, it's added to the template and every collection page using that same template will show the same section with the same content.

To make the content for that section different for each collection, instead of adding the content in the theme editor you could add the content as a metafield and use dynamic sources. Or you could create separate templates for each collection, but depending on the number of collections you have, that could get unwieldy fairly quickly.

If you haven't used up your free Shopify Design Time, this might be something Shopify support could help you set up. If not, I'd recommend hiring a Shopify Expert to make the necessary changes as it's currently not very straightforward to use dynamic sources for adding styled content.

EDIT: Another option would be to use the collection description instead of a custom section. Add the content to each section's description and then enable the option to show the collection description in theme settings.

[dmwwebartisan]

@Anjee_a 

Please share the store URL & please share a screenshot of what do you want!

Thanks!

[Anjee_a]

Hi,

I have attached the video for the same, as I cant have this active on the website. Hope this clarifies what I am saying. The header content appears the same for all sub pages.. any change I make to it, applies to all. I want to add custom text and images for each page.

Thanks for helping.

Cheers

[ThomasBorowski · Accepted solution]

Thanks for the video, that clarifies it.

The thing to understand is that when you add that section in the theme editor, it's added to the template and every collection page using that same template will show the same section with the same content.

To make the content for that section different for each collection, instead of adding the content in the theme editor you could add the content as a metafield and use dynamic sources. Or you could create separate templates for each collection, but depending on the number of collections you have, that could get unwieldy fairly quickly.

If you haven't used up your free Shopify Design Time, this might be something Shopify support could help you set up. If not, I'd recommend hiring a Shopify Expert to make the necessary changes as it's currently not very straightforward to use dynamic sources for adding styled content.

EDIT: Another option would be to use the collection description instead of a custom section. Add the content to each section's description and then enable the option to show the collection description in theme settings.

[ThomasBorowski]

Can you explain what exactly you mean by "sub-pages"? Maybe attach some screenshots to illustrate what you currently have and what you want to change.

[Anjee_a]

Hi, I mean the sub pages on a section in the drop down menu. Please see attached video for reference. Hope that clarifies it. I want custom image and text for each header on each page. But once I add an image n text on one page, the same appears on all the other pages. How can I change that? 

[PaulNewton · Accepted solution]

---

@Anjee_a wrote:

.. once I add an image n text on one page, the same appears on all the other pages. How can I change that? 

---

Use the collections existing properties, add a custom-liquid section|block and use the collections properties to get the info and images,etc wrap in html as needed.

https://shopify.dev/api/liquid/objects/collection 

https://shopify.dev/api/liquid/objects/product#product-featured_image 

https://shopify.dev/api/liquid/filters/url-filters#image_url 

Title {{ collection.title }}

Images {{ collection.image | image_url: width: 2000 | image_tag }}
 or {{ collection.featured_image | image_url: width: 2000 | image_tag }}

First products featured image {{ collection.products[0].featured_image | image_url: width: 2000 | image_tag }}

etc