Brooklyn Theme Changing Sale Badge / Emblem

Highlighted
New Member
1 0 0

Thank you so much!

0 Likes
Highlighted
New Member
2 0 0

Thanks a lot! @tim Changing the amount to % worked like a charm.

0 Likes
Highlighted
New Member
1 0 0

hello, 

 

is there any solution to make the sales badges on mobile smaller size ?

0 Likes
Highlighted
Excursionist
12 0 4

Hi, can anyone help with why the sale badge is above the product image on Featured collection on homepage but is overlapping image on actual collection page. I want the latter. So trying to work out what i need to add to featured-products.liquid to make it so the badge is on top the image not above it. I have attached a image to better explain. This is only happening on desktop.(Brooklyn Theme)

 

Appreciate any advice.

 

Thank you 

Pep

Add a heading.png

 

luccardo.com

0 Likes
Highlighted

Hello ,

Do you want this in  below format

2019-11-20_20-16.jpg

 

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
1 Like
Highlighted
Excursionist
12 0 4

Yes! How did you do that!?

0 Likes
Highlighted

Hello ,

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file

.template-index .grid-product__on-sale {
	top: 25px;
	left: -13px;
}

 


@Luccardo wrote:

Yes! How did you do that!?


 

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
1 Like
Highlighted
Excursionist
12 0 4

That worked.

Thank you so much!

0 Likes
Highlighted
Tourist
7 0 0

Hi, How can I add a % after the save number? It used to be a dollar amount. I followed the steps to change to percentage but the % isn't there.Screenshot (2).png

0 Likes
Highlighted

Hello ,

Did you follow below steps,

1.  In your Shopify Admin, go to Themes > Template Editor > product-grid-item.liquid 

     {% elsif on_sale %}
        <div class="grid-product__on-sale">
          {% capture saved_amount %}{{ product.compare_at_price | minus: product.price | money }}{% endcapture %}
          <p>{{ 'products.general.save_html' | t: saved_amount: saved_amount }}</p>
        </div>
      {% endif %}

Replace with below code

  {% elsif on_sale %}
      	<div class="grid-product__on-sale">
          <p>{{ 'products.general.save_html' | t: saved_amount: saved_amount }}
           {{ product.compare_at_price_max | minus:product.price | times:100 | divided_by:product.compare_at_price_max }}%
          </p>
          
        </div>
      {% endif %}

If you follow above steps and still its not showing in %,Then please share with me your store url

 

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
1 Like