How to add an additional Final badge - Reformation Theme

Store Design
, , ,
1

Hi there!

截屏2024-07-16 下午1.34.48.png
截屏2024-07-16 下午1.34.48.png3360×1534 470 KB

I’m looking to add an extra badge right under the current one on specified products that say Final Sale

I already tagged the product that i want to have the extra “final sale badge”
I cannot find any coding or answers on the internet been looking for hours.

Preferably I’d like it in the exact same style, text and colour theme as the current badge.

Link: https://noenddenim.com/collections/2024-end-of-season-sale?filter.v.availability=1

Thank you

Best

2

In the product-grid section, within the product-card container, you need to modify the Liquid code and add a condition to account for the ‘final sale badge’ tag.

3

Hi @noend

You can go to your Online Store > Themes > Edit code > open product-card.liquid, find the line of code containing this.

{{ 'products.product.on_sale' | t }}

Add this code after 

{% if card_product.tags contains 'final sale badge' %}
 Final Sale
{% endif %}
4

Thank you so much, let me try it.

5

Hi there!

I follow the instruction, but i cant find {{ ‘products.product.on_sale’ | t }} for some reason.

{%- if product_card_product and product_card_product != empty -%}
{% liquid
	assign products_hover_images = settings.products_hover_images
	assign products_hover_images_count = settings.products_hover_images_count
	assign product_aspect_ratio = settings.product_aspect_ratio
	assign featured_media = product_card_product.featured_media
	assign ratio = 1
	assign sizes = '375x375,770x770'

	if featured_media.media_type != 'image'
		assign featured_media = featured_media.preview_image
	endif
	if product_aspect_ratio == 'adapt'
		assign ratio = featured_media.aspect_ratio
		assign sizes = '375x0,770x0'
	elsif product_aspect_ratio == 'portrait'
		assign ratio = 1 | divided_by: 1.25
		assign sizes = '375x350,770x700'
	elsif product_aspect_ratio == 'landscape'
		assign ratio = 1 | divided_by: 0.75
		assign sizes = '375x250,770x500'
	endif
	assign product_content_alignment = settings.product_content_alignment

	assign is_purchasable = false
	if product_card_product.available and product_card_product.variants.size == 1
		assign is_purchasable = true
	endif
-%}

{%- else -%}

{%- endif -%}

Can you help me to see if there is another options?

Thank you so much

Best Regards

6

Show code from snippet ‘product-card-badge’

7

Your badge codes are placed in Snippets > product-card-badge.liquid file