Jump to content

pashapasha1570048753

Member
  • Posts

    12
  • Joined

  • Last visited

Everything posted by pashapasha1570048753

  1. I use product blocks throughout my art website. I don't like the individual product pages as each product typically has other products that specifically pertain to it and so it was just easier to use blocks. I need a css code for the "add to cart" button of the product block to just automatically be replaced with "SOLD OUT" if the item quantity falls to zero as by default, even if an item is sold, it's "purchase" button still says "purchase" until you click the button and then a pop out informs you that it's sold out. The test webpage that I'm referring to is: https://www.pashapashanewyork.com/new-page-2 Right now it does this: And I want it to look like this: Can anyone help please!? ❤️
  2. It looks like the "SOLD OUT" only replaces the button when I feature the product image as well? As seen on the page above, both products are actually sold out however the product block where only the button is shown still says "Add to Cart". Is there a way for this code to work also when there is just the button without the product image?
  3. Actually if I could get a little bit of help again, it looks like the "SOLD OUT" only replaces the button when I feature the product image as well? As seen on the page above, both products are actually sold out however the product block where only the button is shown still says "Add to Cart". Is there a way for this code to work also when there is just the button without the product image? https://www.pashapashanewyork.com/new-page-2
  4. https://www.pashapashanewyork.com/dress/bee-mask I have a store where I sell lots of things, but I also promote items that I sell on a different third party 3D printing website Shapeways. Those items, by default I set to a zero quantity as I don't sell them directly myself, but want people to know that they are still available from me - just on another site. Right now those products say "SOLD OUT" twice and then just in the description I have to try and explain that it's not actually sold out, just available at a different page. Is there a way for me to remove the SOLD OUT text on JUST the products I have tagged or categorized as "Shapeways" ? As on my other products that I actually sell directly, I still need the SOLD OUT text to be there if they indeed are.
  5. I use product blocks throughout my art website. I don't like the individual product pages as each product typically has other products that specifically pertain to it and so it was just easier to use blocks. However, at the moment, even if an item is sold, it's "add to cart" button still says "purchase" until you click the button and then it says sold out. Is there a css code for the button to just automatically be replaced with "SOLD OUT" if the item quantity falls to zero? Included is a test webpage. **UPDATE** https://www.pashapashanewyork.com/new-page-2 Actually if I could get a little bit of help again, it looks like the "SOLD OUT" only replaces the button when I feature the product image as well? As seen on the page above, both products are actually sold out however the product block where only the button is shown still says "Add to Cart". Is there a way for this code to work also when there is just the button without the product image?
  6. So please bear with me as I'm a novice when it comes to CSS or any of this. I've been trying to google answers for the past few hours now to no avail. Essentially I'm just looking to have 1:1 images, with a title and a description, stacked in 2 columns on mobile. A gallery grid does basically what I want on desktop and mobile - but doesn't show descriptions. A summary block does it too but stacks one image on top of another and when I have 60+ images, it becomes a huge scroll. I have not been able to find solutions to either of these issues so if you have a solution to either instead it'd be greatly appreciated. So now, I've just succumbed to doing individual image stacks. I've found out how to shrink the image blocks just in mobile, however I still can't them to form rows/columns despite the extra room now they have on the right (as seen in the screenshot). The code I'm using is below. Any insight would be greatly appreciated.
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.