ashgirl2000 Posted June 11 Posted June 11 I am creating a catalog of sorts for an artist and they have prints they want to show but do not want to have an actual store/sell online. Using a shop page felt like the best option, allowing them to display all of their prints on one page and then when someone clicks on the piece they can see the details. I found a post with some answers that have worked for what I am trying to do (remove button and price from a product). When using the code I found from the post, the product stock has to be set at 0 for the button and $ text to be removed. When you do this it shows the product as 'sold out'. Is there a way to remove the 'sold out' text on the details page via CSS? I found a hinky way on the main page by changing the text color to white - so if there is a CSS solution for that too I would like to change it also. Here is a link to the site if that helps https://caper-dandelion-dmzp.squarespace.com/ password: emery Hopefully someone out there has an answer if not if someone could possibly direct me to the best place to go to find it I would appreciate it. thanks Ashli Reitz
Solution JayVanDyke Posted June 11 Solution Posted June 11 @ashgirl2000 try this .product-details .ProductItem-product-price { display: none !important; } ☕ Did I help you? Buy me a coffee! 👨💻 Bergen Design Co. 💻 I'm for hire on Upwork! 🕸️ Squarespace Experts 🖥️ 99Designs 🛠️ Web Designer's Toolkit **some of these contain affiliate links
Lesum Posted June 11 Posted June 11 @ashgirl2000 If you're only building a catalog and not planning to sell in the near future, using a shop page might not be a good idea (speaking from previous similar design experience). Shop pages can be limiting when it comes to design functionalities. You would find more flexibility if you use a portfolio page instead. If my comments were useful, please like or mark my solution as answer so others can scroll to it quickly. Sam Web Developer & Digital Designer ☕ Did you find my contribution helpful? Buy me a coffee?
ashgirl2000 Posted June 11 Author Posted June 11 Thank you JayVanDyke that worked! Do you know how you would target the SOLD OUT text on the main shop page (currently I have the color changed to transparent so it doesn't show - probably not the best solution).
JayVanDyke Posted June 11 Posted June 11 @ashgirl2000 you can accomplish all of the same stuff here without setting things to sold out but this should get rid of the sold out text. If you set some to not sold out and want to point me to those products we can add some css for that too, then you don't have to worry about the inventory or pricing at all. .products.collection-content-wrapper .grid-meta-status { display: none !important; } ashgirl2000 1 ☕ Did I help you? Buy me a coffee! 👨💻 Bergen Design Co. 💻 I'm for hire on Upwork! 🕸️ Squarespace Experts 🖥️ 99Designs 🛠️ Web Designer's Toolkit **some of these contain affiliate links
ashgirl2000 Posted June 11 Author Posted June 11 (edited) @JayVanDyke- thank you for your help. Currently my clients does not want to sell online so these solutions work great! I honestly don't think they will change their minds (they are in their 70's and the idea of fulfillment does not sit well with them) 😀 thank you!! Edited June 11 by ashgirl2000
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment