Shopify themes, liquid, logos, and UX
Hello there,
I have a problem in product page... Because i have paint the background of the "You save $25", I see that the products that does not have discount appears a dot under the price.. Here is what i mean below..
Can anyone help me please to remove the green dot when a product doesn't have a discount?
Here is a produuct page with discouunt code: https://theloggos.com/collections/t-shirts/products/unisex-oversize-t-shirt-ecru?variant=32811793645...
Here is a produuct page withouut discouunt code: https://theloggos.com/collections/all-products/products/red-tie-dye-crew-socks
Solved! Go to the solution
This is an accepted solution.
@Sermak,
1. In your Shopify Admin go to online store > themes > actions > edit code
2. In your theme.liquid file, find the </body> (press CTRL + F or command + F on Mac)
3. paste this code right above the </body> tag:
<script>
function removeEmptyYouSave(){
var $youSave = document.querySelector(`.template-product .percentdis`);
if (!$youSave){
return;
}
var text = $youSave.innerHTML.trim();
if (text === ''){
$youSave.remove();
}
}
removeEmptyYouSave();
</script>
Kind regards,
Diego
This is an accepted solution.
@Sermak,
1. In your Shopify Admin go to online store > themes > actions > edit code
2. In your theme.liquid file, find the </body> (press CTRL + F or command + F on Mac)
3. paste this code right above the </body> tag:
<script>
function removeEmptyYouSave(){
var $youSave = document.querySelector(`.template-product .percentdis`);
if (!$youSave){
return;
}
var text = $youSave.innerHTML.trim();
if (text === ''){
$youSave.remove();
}
}
removeEmptyYouSave();
</script>
Kind regards,
Diego
sorry for that issue can you you try this code
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
.product__price .percentdis {display: none;}
.price--on-sale .percentdis {display: block;}
@KetanKumar Unfortunetly this doesn't work.. Thank you for your try!
@diego_ezfy This work for me! Thank you!!
thanks for update
User | RANK |
---|---|
162 | |
138 | |
74 | |
69 | |
58 |
Explore the 30-30-30 rule, a dynamic social media strategy for new businesses. Learn how t...
By Trevor Sep 20, 2023Discover how to leverage the often overlooked footer of your ecommerce site to gain custom...
By Skye Sep 15, 2023In this blog, we’ll be shining a light on Shopify Partners, Experts, and Affiliates. Who a...
By Imogen Sep 13, 2023