Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
I’m using the Minimog theme and would like to add some dynamic content at the very bottom of my collection pages. The content will include elements like headings (h2, h3) and not just plain text. Can you guide me on how to implement this? Any advice or code snippets would be really appreciated!
Solved! Go to the solution
This is an accepted solution.
I found a solution 🙂 From the theme customize, I closed the "show description" area from the "Collection banner". Then I added a "custom liquid" just below it and added the code <div class="container-fluid">{{collection.description | split: '<!--split-->' | first}}</div>. Then I added a "custom liquid" below the product listing area and added the code <div class="container-fluid">{{collection.description | split: '<!--split-->' | last}}</div>. Lastly, I added the code <!--split--> between the texts I wanted to separate in the collection page where I would add content and it worked.
Hello @nitecneles ,
I don't think you can find code snippets for it.
btw if you are looking for an idea please follow:
Create a metafield for collection with type multiline text.
Once you create it you will find an option with each collection to insert dynamic content with each collection you can use any html tag there.
Inert your content with html in each collection and in the last step call that metafield at the bottom of the collection page as you need.
Thanks
Hello, I also received the following response from Shopify's support:
Access the Theme Editor: Go to your Shopify admin, navigate to Online Store > Themes, and click on Customize for the Minimog theme.
Select Collection Pages: In the theme editor, use the drop-down menu to select Collection pages.
Add a Section or Block: Scroll to the bottom of the page and look for an option to add a new section or block. You can add a Rich Text block or a custom section that allows for headings (h2, h3) and other HTML elements.
Connect Dynamic Sources: Click on the Connect dynamic source button within the block settings. This will allow you to link to metafields or other dynamic content that you have set up in your store. Ensure that you have created the necessary metafields beforehand if you want to pull in specific data.
Customize Content: Once connected, you can customize the content displayed in the block, including headings and formatted text. You can use the rich text editor to format your headings and text as needed.
Save Changes: After making your adjustments, click Save to apply the changes to your collection pages.
I think it's the same as you said. However, I can't add title tags like H2 etc. this way.
Yes 90% same. In my example I suggest to insert html tags in metafields and they suggest to use it with blocks.
And it depends on theme either it has feature to use block in collection page or not.
This is an accepted solution.
I found a solution 🙂 From the theme customize, I closed the "show description" area from the "Collection banner". Then I added a "custom liquid" just below it and added the code <div class="container-fluid">{{collection.description | split: '<!--split-->' | first}}</div>. Then I added a "custom liquid" below the product listing area and added the code <div class="container-fluid">{{collection.description | split: '<!--split-->' | last}}</div>. Lastly, I added the code <!--split--> between the texts I wanted to separate in the collection page where I would add content and it worked.
We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024Thanks to everyone who participated in our AMA with 2H Media: Marketing Your Shopify St...
By Jacqui Sep 6, 2024The Hydrogen Visual Editor is now available to merchants in Shopify Editions | Summer '...
By JasonH Sep 2, 2024