Add additional, unique text at bottom of collection pages (Minimog Theme)

Solved

Add additional, unique text at bottom of collection pages (Minimog Theme)

nitecneles
Tourist
3 1 0

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!

Accepted Solution (1)
nitecneles
Tourist
3 1 0

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.

View solution in original post

Replies 4 (4)

Guleria
Shopify Partner
3393 675 955

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

- If helpful then please Like and Accept Solution.
- Drop an email   if you are looking for quick fix or any customization ( paid services )
- Email: guleriathakur43@gmail.com
- Try GEMPAGES a great page builder
nitecneles
Tourist
3 1 0

Hello, I also received the following response from Shopify's support:

  1. Access the Theme Editor: Go to your Shopify admin, navigate to Online Store > Themes, and click on Customize for the Minimog theme.

  2. Select Collection Pages: In the theme editor, use the drop-down menu to select Collection pages.

  3. 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.

  4. 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.

  5. 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.

  6. 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.

Guleria
Shopify Partner
3393 675 955

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. 

- If helpful then please Like and Accept Solution.
- Drop an email   if you are looking for quick fix or any customization ( paid services )
- Email: guleriathakur43@gmail.com
- Try GEMPAGES a great page builder
nitecneles
Tourist
3 1 0

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.