Switch between badges

Switch between badges

robertsolcan
Excursionist
31 0 2

I want to switch those two badges on my site, but when i'm doing this on code, the white one disappears. Do you think you can help me?

This is the code, but when I switch those two badges, the second one doesn't appear at all

WhatsApp Image 2024-09-09 at 08.56.57.jpeg

 

WhatsApp Image 2024-09-09 at 08.58.49.jpeg

 

Replies 2 (2)

BSSCommerce-B2B
Shopify Partner
1747 530 590

@robertsolcan , you can follow these step to switch your badges

Step 1. Go to Admin -> Online store -> Theme > Edit code

Step 2. Find the file theme.liquid.

Step 3. Add this code before </body>

<style>
.card__content .card__badge {
  flex-direction: column-reverse!important;
}
</style>

Result

BSSCommerceB2B_0-1725864573306.png

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.


B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.


B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.


BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now

Amanda_Fordeer
Shopify Partner
112 8 29

Hi @robertsolcan, You can refer to the Product Labels & Badges app to customize labels according to your preferences with our new Bundle Labels feature. 

Amanda_Fordeer_0-1725962530874.png

 
If you find my suggestion helpful, please give it a like or mark it as a solution!
And discover more approaches to:
Streamline invoicing process Boost sales with labels & badges Add social proofs & create FOMO
Or get valuable updates and private deals regarding Shopify here.