Display collection meta on product page - within collapsible row

Store Design
1

Hi! I’m looking for a way to display a collection metafield on a product page. Website is https://mia-mia-baby-kids.myshopify.com/ password fleich. I’m using the Dawn theme.

I’m going to run a clothing store and would like to display a size guide based on the collection, within a within collapsible row. So for example: I’d like all beanies (collection) to display a different size guide than t-shirts (collection).

Screenshot 2022-03-16 at 15.07.13.png
Screenshot 2022-03-16 at 15.07.13.png888×866 20.7 KB

I found an option for collection meta fields:

Screenshot 2022-03-16 at 15.10.56.png
Screenshot 2022-03-16 at 15.10.56.png1842×422 33.9 KB

But it doesn’t show up as dynamic content:

Screenshot 2022-03-16 at 15.12.16.png
Screenshot 2022-03-16 at 15.12.16.png800×1074 29.8 KB

I found this article I thought might help, but it works with Custom Liquids…
https://www.identixweb.com/shopify-collection-metafields/#:~:text=Adding%20Values%20to%20Shopify%20Collection%20Metafields,-After%20creating%20the&text=Step%201%3A%20From%20the%20Shopify,%2C%20go%20to%20Products%20%3E%20Collections.&text=Step%203%3A%20Scroll%20down%20to,Step%205%3A%20Save%20the%20changes.

I have a quick secondary question. Can images be added to meta fields? With HTML I presume? Or is that another hurdle I’d have to clear with code shenanigans?

Thanks!

1 Like
2

@FlorenceGee

yes it can be done customization code

3

Do you know if there is a tutorial somewhere?

4

Hey @FlorenceGee , did you find a solution for this? I’m trying to find one too.

1 Like
5

@fideas

yes, please share store url

6

@KetanKumar i don’t have a store I can share but I’ve tried using the following to show the metafield without any luck. It works to show either the text entered, page content or a product description, but not the collection metafield. There are too many products to add a product metafield for each one, so a collection metafield is required.

                      
                      {% if block.settings.collapsible_tab_text != blank %}
                        {{ block.settings.collapsible_tab_text }}
                      {% elsif block.settings.collapsible_tab_page != blank %}
                        {{ pages[block.settings.collapsible_tab_page].content }}
                      {% elsif block.settings.collapsible_tab_product_description %}
                        {{ product.description }}
                      {% elsif block.settings.collapsible_tab_collection_meta_about %}
                        {{ collection.metafields.collections.about }} 
                      {% endif %}
1 Like
7

@fideas

try meta filed customization