Skip to product information
1 of 1
Published:2023.11.06

A setting example for displaying a marker to indicate that a product has been featured on social media in the collection (product list screen) of the Shopify theme "Dawn"

A setting example for displaying a marker to indicate that a product has been featured on social media in the collection (product list screen) of the Shopify theme "Dawn"

Applications

  • CollectionsEdit

How to implement

  • LIQUID
View full details

In Shopify, you may often direct customers to your products through various channels, such as social media, so you can make it easier for visitors to find the product they are looking for by marking which channel it was picked up on. Here is an example of how to add a special tag to a product and mark it on the collection screen.


Example of settings to display a marker to indicate that a product has been featured on social media in the collection (product list screen) of the theme "Dawn"


[Settings Step 1] Add a new block element to the scheme of "main-collection-product-grid.liquid" (ja.schema.json is omitted)


[Settings Step 2] Modify the code for "main-collection-product-grid.liquid" and "card-product.liquid"


[Settings Step 3] Set the necessary tags and display settings in the theme editor (you can add more icons to display by adding blocks)


After making a purchase (all items are ¥0), you will be able to view the sample code.

If you have already made a purchase, please login here.

Sample Codes

Test Theme :Dawn/Rise 15.2.0

Add a new block element to the scheme of "main-collection-product-grid.liquid"

Related Post