Splitting Content Text

Technical Q&A
1

Hello,

We are using the Boho Pastel version 2.0.0 theme, and we would like to split the content on collection pages so that there is some text before the products and some text after them.

We have tried many different ways which say to add some code into collection-templates.liquids, however, we have shared a screenshot of the files we have, and this one isn’t included.

We have even added onto the page and had no luck.

Please help!

2

Hi @redboxwebdesign you should be able to accomplish via the Theme Customizer tool. I can’t add a demo of the specific theme you are using to demonstrate since it is from a third party vendor, but the below steps should still be applicable. Just to clarify - you wish to add text before and after the collection section? Please let me know if you are referring to individual product grid items instead, those instructions will be different.

  1. Navigate to Shopify admin dashboard
  2. Sales channels > Online Store > Themes
  3. Locate the theme you are working on and click “Customize”
  4. Top middle of screen you should see “Home page”
  5. Click on the drop down and select the collection template you wish to add the text to
  6. On the left locate the collection grid section (this is named different things sometimes like collection grid, product grid, etc)
  7. Then locate the “Add section” and add a “text” section (again named different things in different themes like rich text, text, etc)
  8. Drag and drop to the desired location and update the section settings
  9. Repeat as necessary
  10. Click save in the top right corner

Since this is a Shopify 2.0 theme the steps above should work. If however you are unable to follow these steps let me know and we can figure out a different solution.

If I managed to help please don’t forget to Like it and Mark it as the Solution!

Kind regards,

Mark

3

Hi Mark,

This sadly didn’t work, it added the same text to all of the collection pages.

4

Hi @redboxwebdesign , Shopify is set up using templates. If you were to add text to the “Default collection” template it will add the same text to all collections that are assigned to that specific collection template. If you wish to add text that applies only to a certain collection there are a couple different ways to solve this.

First, you could create a new collection template, add the text, and assign the collection to that template. This works but has limitations because depending on the number of collections, the amount of templates will add up quickly.

The second approach would be to use a collection metafield as a dynamic data source. With this approach you can add text specific to a collection without having to create individual collection templates.

Here are the steps for the second approach:

  1. Log into Shopify admin dashboard
  2. Settings (bottom left) > custom data
  3. Click on Collections and then top right click on “Add definition”
  4. Add metafield name
  5. Click on select type > select “Multi-line text”
  6. Click Save
  7. Navigate to a collection you want to add text to by going to Products > Collections
  8. Scroll to the bottom and under metafields you should see the metafield you just created
  9. Add text to metafield and click save
  10. Go to the collection template in the Customize tool (same as steps 1 - 5 from previous post)
  11. Locate the text section you created and delete the text
  12. In that same area you should see a small icon that looks like 3 discs stacked on top of each other. This should be directly above the text box
  13. Click to open options and select the metafield you created
  14. Depending on what collection is selected in the Customize Tool you might not see the metafield
  15. Navigate to the collection that you added the metafield and it should display. If no metafield is added for a collection nothing will render

You can repeat the same steps for the second text section.

If I managed to help please don’t forget to Like it and Mark it as the Solution!

Kind regards,

Mark