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
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: SQSP User for 17 yrs. Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥. Work: Founder of SF Digital, building Squarespace Extensions to supercharge your commerce website. Content: Links in my posts may refer to SF Digital products or may be affiliate links. If my advice helped, you can thank me by clicking one of the feedback emojis below. I love coffee too. Link to comment
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
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
SSong Posted January 19, 2022 Share Posted January 19, 2022 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
tuanphan Posted January 21, 2022 Share Posted January 21, 2022 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
SSong Posted January 21, 2022 Share Posted January 21, 2022 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
tuanphan Posted January 22, 2022 Share Posted January 22, 2022 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
SSong Posted January 25, 2022 Share Posted January 25, 2022 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
tuanphan Posted January 26, 2022 Share Posted January 26, 2022 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
SSong Posted January 26, 2022 Share Posted January 26, 2022 5 hours ago, tuanphan said: Which product you want to target? Vegetable and flower CSA, and the microgreens listings Link to comment
tuanphan Posted January 27, 2022 Share Posted January 27, 2022 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
SSong Posted January 27, 2022 Share Posted January 27, 2022 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
tuanphan Posted January 29, 2022 Share Posted January 29, 2022 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
Elliscreates Posted April 24, 2022 Share Posted April 24, 2022 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
Elliscreates Posted April 24, 2022 Share Posted April 24, 2022 Also, change 'buy now' label for cart? Thanks Link to comment
tuanphan Posted April 26, 2022 Share Posted April 26, 2022 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment