Skip to product information
1 of 1
Published:2024.12.24

Example of setting to display a badge when the variant picker is a button type on the product page of the Shopify theme "Rise/Dawn": Part 2

Example of setting to display a badge when the variant picker is a button type on the product page of the Shopify theme "Rise/Dawn": Part 2

Applications

  • Product information management and editing

How to implement

  • LIQUID
View full details

This method involves adding a badge directly to the product variant name, but to avoid impacting product management and ordering, this method leaves the variant name itself unchanged and displays the badge in the variant picker.
Although it is a bit more difficult to implement, you can specify the variants for which you want to display badges using product meta fields in JSON format.

◆ Advantages of implementation ・Badge display can be added without affecting the variant name itself ・Avoids the impact on product management and ordering due to the change of variant name ・Similarly, avoids the impact on SEO

◆Specific implementation steps ①Create a JSON type product meta field and specify the content according to the target product variant ②Add a Liquid section to the product template and insert the code


Example of setting to display a badge when the variant picker is a button type on the product page of the theme "Rise/Dawn": Part 2


[Setup Method 1] Create a JSON-type product metafield and specify the content according to the target product variant.


[(For Rise/Dawn Themes) Setup Method 2] Add a Liquid section to the product template and insert the code


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 Liquid section to your product template and insert the code

Related Post