alifelessordinary Posted June 4, 2021 Share Posted June 4, 2021 Site URL: https://www.alifelessordinary.store/shop/p/mother-of-pearl-shell-cups Hello, I would like to hide the price on sold items on the product page, and also on the related products (which are sold) on the same page. I currently have code to hide the sold price on the 'shop' page but it does not work on the product page and the price still show when sold. current code is: .sold-out .sqs-money-native { display:none; } .view-item .sold-out .sqs-money-native { display:block; } Any help would be most appreciated! Thankyou. Emma Link to comment
Guest Posted June 6, 2021 Share Posted June 6, 2021 On 6/4/2021 at 12:35 PM, alifelessordinary said: Site URL: https://www.alifelessordinary.store/shop/p/mother-of-pearl-shell-cups Hello, I would like to hide the price on sold items on the product page, and also on the related products (which are sold) on the same page. I currently have code to hide the sold price on the 'shop' page but it does not work on the product page and the price still show when sold. current code is: .sold-out .sqs-money-native { display:none; } .view-item .sold-out .sqs-money-native { display:block; } Any help would be most appreciated! Thankyou. Emma Hi Emma, The below code worked for me. // Hide Price when product is out of stock .sold-out .ProductItem-details .product-price, .sold-out .ProductList-overlay .ProductList-meta .product-price { display: none; } // Hide Add to Cart button when product is out of stock .sold-out .ProductItem-details .sqs-add-to-cart-button { display: none; } Best of luck! Link to comment
alifelessordinary Posted June 9, 2021 Author Share Posted June 9, 2021 On 6/6/2021 at 4:57 PM, LXK said: // Hide Price when product is out of stock .sold-out .ProductItem-details .product-price, .sold-out .ProductList-overlay .ProductList-meta .product-price { display: none; } // Hide Add to Cart button when product is out of stock .sold-out .ProductItem-details .sqs-add-to-cart-button { display: none; } Hello LXK, Worked a treat! Thank you so much! really appreciated! have a good week. cheers emma tuanphan 1 Link to comment
Abbodabby Posted June 28, 2021 Share Posted June 28, 2021 On 6/6/2021 at 8:57 AM, LXK said: Hi Emma, The below code worked for me. // Hide Price when product is out of stock .sold-out .ProductItem-details .product-price, .sold-out .ProductList-overlay .ProductList-meta .product-price { display: none; } // Hide Add to Cart button when product is out of stock .sold-out .ProductItem-details .sqs-add-to-cart-button { display: none; } Best of luck! Alas, this did not work for me. My page is still showing the price of the sold out item. Any other suggestions? https://abigailcarter.com/art/p/ruthless-iternations Thanks, Abby Link to comment
tuanphan Posted July 2, 2021 Share Posted July 2, 2021 On 6/29/2021 at 4:16 AM, Abbodabby said: Alas, this did not work for me. My page is still showing the price of the sold out item. Any other suggestions? https://abigailcarter.com/art/p/ruthless-iternations Thanks, Abby Add to Design > Custom CSS /* Hide sold out price */ .sold-out span.sqs-money-native { display: none; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Jesica Posted August 28, 2022 Share Posted August 28, 2022 I previously used this code .sold-out .sqs-money-native { display:none; } for some reason it stopped working after I changed one painting to "0 quantity" I've tried each of the formulas listed above. Any other suggestions? Thanks! Link to comment
Solution paul2009 Posted August 28, 2022 Solution Share Posted August 28, 2022 (edited) On 8/28/2022 at 4:31 AM, Jesica said: I previously used this code .sold-out .sqs-money-native { display:none; } for some reason it stopped working On 23 August 2022, Squarespace started rolling out an update to change the way prices are formatted. This update removed the class "sqs-money-native" from Squarespace prices, so you'll need to update your CSS. The new version will look something like this: /* hide sold out price */ .sold-out .product-price { display: none !important; } You haven't provided a link to your site so I'm unable to test it on your specific site. If you experience any issues please post some details. Edited August 3, 2023 by paul2009 edited for clarity Venera and ElynnL 1 1 About me: I've been a SQSP User for 18 yrs. I was invited to join the Circle when it launched in 2016. I have been a Circle Leader since 2017. I don't work for Squarespace. I value honesty, transparency, diversity and good design ♥. Work: I founded and run SF.DIGITAL, building Squarespace Extensions to supercharge your commerce website. Content: Views and opinions are my own. Links in my posts may refer to SF.DIGITAL products or may be affiliate links. Forum advice is free. You can thank me by clicking one of the feedback emojis below. Coffee is optional. Link to comment
Venera Posted August 30, 2022 Share Posted August 30, 2022 On 8/28/2022 at 2:15 PM, paul2009 said: On 23 August 2022, Squarespace started rolling out an update to change the way prices are formatted. This update removed the class "sqs-money-native" from Squarespace prices, so you'll need to update your CSS. The new version will look something like this: .sold-out .product-price { display:none; } You haven't provided a link to your site so I'm unable to test it on your specific site. If you experience any issues please post some details. I use this code and there are no prices for related products on the sold out product page. How to return the prices there? Link to comment
paul2009 Posted August 30, 2022 Share Posted August 30, 2022 1 hour ago, Venera said: I use this code and there are no prices for related products on the sold out product page. Yes, this will happen. Please provide a link to the site and details of which product(s) you want it to affect. About me: I've been a SQSP User for 18 yrs. I was invited to join the Circle when it launched in 2016. I have been a Circle Leader since 2017. I don't work for Squarespace. I value honesty, transparency, diversity and good design ♥. Work: I founded and run SF.DIGITAL, building Squarespace Extensions to supercharge your commerce website. Content: Views and opinions are my own. Links in my posts may refer to SF.DIGITAL products or may be affiliate links. Forum advice is free. You can thank me by clicking one of the feedback emojis below. Coffee is optional. Link to comment
Venera Posted August 30, 2022 Share Posted August 30, 2022 30 minutes ago, paul2009 said: Yes, this will happen. Please provide a link to the site and details of which product(s) you want it to affect. Now I have only one product sold out . I would like this to be the case with all products in the future https://www.veneramor.com/store/p/school Link to comment
Venera Posted September 2, 2022 Share Posted September 2, 2022 Hi guys, can anyone help with the code so that the prices are visible on the product page that is sold out? Link to comment
tuanphan Posted September 3, 2022 Share Posted September 3, 2022 17 hours ago, Venera said: Hi guys, can anyone help with the code so that the prices are visible on the product page that is sold out? Add this code under to override above code .ProductItem-relatedProducts.ProductList.clear.sqs-pinterest-products-wrapper .product-price { display: block !important; } Venera 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Venera Posted September 3, 2022 Share Posted September 3, 2022 11 hours ago, tuanphan said: Add this code under to override above code .ProductItem-relatedProducts.ProductList.clear.sqs-pinterest-products-wrapper .product-price { display: block !important; } Perfect! Thank you so much! Link to comment
poppydodgeart Posted September 7, 2022 Share Posted September 7, 2022 Hello, I was wondering how I can have the prices show as hidden once an item is sold out from my product page? I tried the code you suggested above using the squarespace custom css editor with no luck. https://www.poppydodge.com/available-work Thanks! Link to comment
tuanphan Posted September 7, 2022 Share Posted September 7, 2022 8 hours ago, poppydodgeart said: Hello, I was wondering how I can have the prices show as hidden once an item is sold out from my product page? I tried the code you suggested above using the squarespace custom css editor with no luck. https://www.poppydodge.com/available-work Thanks! Add to Design > Custom CSS a.sold-out .product-price { display: none !important; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
poppydodgeart Posted September 7, 2022 Share Posted September 7, 2022 Thank you so much!!!!! Link to comment
CreationsbyS Posted September 29, 2022 Share Posted September 29, 2022 Site URL: https://www.creationsbysujatha.com/abstract-art Hi! The code I've been using to hide prices on sold products has stopped working. Ive tried update it with all the suggested codes from the forum after Aug 2022, but still with no success. None of them works on my site. Please if anyone can help me and provide a code that will actually work. I wish it to say Sold without the price. Thanks in advance. Link to comment
tuanphan Posted September 30, 2022 Share Posted September 30, 2022 On 9/29/2022 at 7:35 AM, CreationsbyS said: Site URL: https://www.creationsbysujatha.com/abstract-art Hi! The code I've been using to hide prices on sold products has stopped working. Ive tried update it with all the suggested codes from the forum after Aug 2022, but still with no success. None of them works on my site. Please if anyone can help me and provide a code that will actually work. I wish it to say Sold without the price. Thanks in advance. Do this on list page or list page + individual products + related products? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
CreationsbyS Posted September 30, 2022 Share Posted September 30, 2022 14 hours ago, tuanphan said: Do this on list page or list page + individual products + related products? Sorry I don't understand what you mean? Please explain further. Thanks. I am attaching a print screen of how my CSS looks like currently, where the code to hide prices on sold product doesn't work. Link to comment
tuanphan Posted October 2, 2022 Share Posted October 2, 2022 On 10/1/2022 at 6:40 AM, CreationsbyS said: Sorry I don't understand what you mean? Please explain further. Thanks. I am attaching a print screen of how my CSS looks like currently, where the code to hide prices on sold product doesn't work. I meant hide sold out price on which pages: product list + individual products + related products or? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
CreationsbyS Posted October 5, 2022 Share Posted October 5, 2022 On 10/2/2022 at 10:44 AM, tuanphan said: I meant hide sold out price on which pages: product list + individual products + related products or? Hide sold out prices on on individual product I presume. You can visit my product page which was linked at the beginning and you will understand. Link to comment
tuanphan Posted October 6, 2022 Share Posted October 6, 2022 9 hours ago, CreationsbyS said: Hide sold out prices on on individual product I presume. You can visit my product page which was linked at the beginning and you will understand. This page https://www.creationsbysujatha.com/abstract-art or this https://www.creationsbysujatha.com/abstract-art/p/fierce Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
CreationsbyS Posted October 7, 2022 Share Posted October 7, 2022 On 10/6/2022 at 5:18 AM, tuanphan said: This page https://www.creationsbysujatha.com/abstract-art or this https://www.creationsbysujatha.com/abstract-art/p/fierce I had to do some maintenance on website, so its this page https://www.creationsbysujatha.com/artgallery All the sold products on this page I want the price to be hidden. Right now I've set them to 0. But I wish for this NOT to show. DO you have a code that will work for me? Link to comment
tuanphan Posted October 10, 2022 Share Posted October 10, 2022 On 10/7/2022 at 7:43 PM, CreationsbyS said: I had to do some maintenance on website, so its this page https://www.creationsbysujatha.com/artgallery All the sold products on this page I want the price to be hidden. Right now I've set them to 0. But I wish for this NOT to show. DO you have a code that will work for me? If you want to do this on all pages, add this code to Settings > Advanced > Code Injection > Header <style> div.sold-out .product-price { display: none; } </style> If you want to do this on one page, add this code to that Page Header (do not add to Custom CSS) <style> div.sold-out .product-price { display: none; } </style> Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
CreationsbyS Posted October 14, 2022 Share Posted October 14, 2022 On 10/10/2022 at 1:47 PM, tuanphan said: If you want to do this on all pages, add this code to Settings > Advanced > Code Injection > Header <style> div.sold-out .product-price { display: none; } </style> If you want to do this on one page, add this code to that Page Header (do not add to Custom CSS) <style> div.sold-out .product-price { display: none; } </style> Yes finally something works! Took some time for us to get there, but we did in the end :). Thank you! tuanphan 1 Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment