Moana Posted October 14, 2021 Share Posted October 14, 2021 Site URL: http://highnoon.co.nz Hi Paul I've tried the code with the instructions that you suggest here (https://sf.digital/squarespace-solutions/squarespace-products-changing-sold-out-to-sold-or-something-else) and still see only the 'sold out' message on both the category page and the individual item listing. Can you help? Link to comment
0 paul2009 Posted October 14, 2021 Share Posted October 14, 2021 I checked the Cherimoya product, but couldn't see any categories. Have you added the coming soon category? About Paul: Circle Community Leader who values honesty, transparency, respect and appreciation ♥.Work: Squarespace Expert and founder of SF Digital, a company dedicated to improving Squarespace websites by building the features Squarespace didn't include™. See our range of extensions for Squarespace to improve your store.Content: Links in my posts may refer to SF Digital products or may be affiliate links. Link to comment
0 Moana Posted October 15, 2021 Author Share Posted October 15, 2021 Thanks for your reply Paul. Yes, I created a category called 'coming soon', which you can see on the general shop page, https://www.highnoon.co.nz/shop pic in the attachment below.. plus from the individual item page, showing category Link to comment
0 tuanphan Posted October 18, 2021 Share Posted October 18, 2021 Add to Design > Custom CSS /* Sale out to Coming Soon */ .product-mark.sold-out { visibility: hidden; } .product-mark.sold-out:before { visibility: visible; content: "Coming Soon"; position: absolute; left: 50%; transform: translateX(-50%); } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
0 SSong Posted January 19 Share Posted January 19 On 10/17/2021 at 8:16 PM, tuanphan said: Add to Design > Custom CSS /* Sale out to Coming Soon */ .product-mark.sold-out { visibility: hidden; } .product-mark.sold-out:before { visibility: visible; content: "Coming Soon"; position: absolute; left: 50%; transform: translateX(-50%); } How do I change the label of a single product's thumbnail on my shop page? I'd like to change the Veggie CSA's thumbnail to say coming soon, but I don't want to create a different category for it. Link to comment
0 tuanphan Posted January 21 Share Posted January 21 On 1/20/2022 at 3:49 AM, SSong said: How do I change the label of a single product's thumbnail on my shop page? I'd like to change the Veggie CSA's thumbnail to say coming soon, but I don't want to create a different category for it. Change circle sold out to coming soon for Vegetable csa product only? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
0 SSong Posted January 21 Share Posted January 21 12 hours ago, tuanphan said: Change circle sold out to coming soon for Vegetable csa product only? Yes, plus the sold out labels in the related product section as well, which I almost figured out. The only thing I managed to figure out is replacing the "sold out" text in the product description. I'm having a hard time finding exactly how to target a specific product thumbnail on the shop page. I know "Coming Soon" is not gonna fit in that same circle, so the background could just be a rectangle in a different color so it's more obvious. Thank you Tuan!! Link to comment
0 tuanphan Posted January 22 Share Posted January 22 21 hours ago, SSong said: Yes, plus the sold out labels in the related product section as well, which I almost figured out. The only thing I managed to figure out is replacing the "sold out" text in the product description. I'm having a hard time finding exactly how to target a specific product thumbnail on the shop page. I know "Coming Soon" is not gonna fit in that same circle, so the background could just be a rectangle in a different color so it's more obvious. Thank you Tuan!! Add to Page Header <style> .view-list .product-mark.sold-out { font-size: 0; } .view-list .product-mark.sold-out:before { content: "Coming soon"; font-size: 10px; background-color: black !important; display: block; color: white; width: 80px; right: 10px; position: absolute; top: 10px; line-height: 20px; } </style> Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
0 SSong Posted January 25 Share Posted January 25 On 1/22/2022 at 7:19 AM, tuanphan said: Add to Page Header <style> .view-list .product-mark.sold-out { font-size: 0; } .view-list .product-mark.sold-out:before { content: "Coming soon"; font-size: 10px; background-color: black !important; display: block; color: white; width: 80px; right: 10px; position: absolute; top: 10px; line-height: 20px; } </style> Thank you! But how do I target just 1 or 2 products? @tuanphan Link to comment
0 tuanphan Posted January 26 Share Posted January 26 15 hours ago, SSong said: Thank you! But how do I target just 1 or 2 products? @tuanphan Which product you want to target? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
0 SSong Posted January 26 Share Posted January 26 5 hours ago, tuanphan said: Which product you want to target? Vegetable and flower CSA, and the microgreens listings Link to comment
0 tuanphan Posted January 27 Share Posted January 27 21 hours ago, SSong said: Vegetable and flower CSA, and the microgreens listings These products? https://www.fortsferryfarm.com/shop Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
0 SSong Posted January 27 Share Posted January 27 7 hours ago, tuanphan said: These products? https://www.fortsferryfarm.com/shop Sorry about the confusion. I thought we'd launch these listings next week, so just the Microgreens listing please. Regardless, I would still like to learn how to change the labels of multiple products, so I know how to do this in the future. Thank you! Link to comment
0 tuanphan Posted January 29 Share Posted January 29 On 1/28/2022 at 3:00 AM, SSong said: Sorry about the confusion. I thought we'd launch these listings next week, so just the Microgreens listing please. Regardless, I would still like to learn how to change the labels of multiple products, so I know how to do this in the future. Thank you! Add tag: coming-soon for these products, then add this new code <style> .tag-coming-soon .product-mark.sold-out { font-size: 0; } .tag-coming-soon .product-mark.sold-out:before { content: "Coming soon"; font-size: 10px; background-color: black !important; display: block; color: white; width: 80px; right: 10px; position: absolute; top: 10px; line-height: 20px; } </style> Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
0 Elliscreates Posted April 24 Share Posted April 24 Is there a way to fix this so the text falls within the circle? At the moment for me it's showing the block in a circle (I guess because 'sold' now features for me in a circle overlay of the image). Thanks in advance! Link to comment
0 Elliscreates Posted April 24 Share Posted April 24 Also, change 'buy now' label for cart? Thanks Link to comment
0 tuanphan Posted April 26 Share Posted April 26 On 4/24/2022 at 3:36 PM, Elliscreates said: Also, change 'buy now' label for cart? Thanks It looks like you removed the tag coming-soon? Just tested code & see nothing here Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Question
Moana
Site URL: http://highnoon.co.nz
Hi Paul
I've tried the code with the instructions that you suggest here (https://sf.digital/squarespace-solutions/squarespace-products-changing-sold-out-to-sold-or-something-else) and still see only the 'sold out' message on both the category page and the individual item listing. Can you help?
Link to comment
Top Posters For This Question
7
2
5
2
Popular Days
Jan 21
2
Oct 14
2
Apr 24
2
Jan 26
2
Top Posters For This Question
tuanphan 7 posts
Elliscreates 2 posts
SSong 5 posts
Moana 2 posts
Popular Days
Jan 21 2022
2 posts
Oct 14 2021
2 posts
Apr 24 2022
2 posts
Jan 26 2022
2 posts
Posted Images
16 answers to this question
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment