TheArtisanStudio

.sqs-product-mark-wrapper .product-mark.sf-pre-order { background: #EB7820; } .product-mark.sale { display: none!important; } And then I added yours as above.

Site URL: https://www.theartisanstudio.uk After doing a site audit with SemRush, it seems that many (447) of my site's pages' "structured data items are invalid". As shown in the attached screenshot, it seems that a field "name" is empty. Does anybody know what this means and how to fix it? Thank you in advance!

I have resolved the syntax issue, I believe it was the last line above causing the problem. However, now it is showing all cateogories on one line instead of several lines to fit the window. Please see two screenshots enclosed.

Thank you for your reply. Unfortunately Squarespace is saying that there's a syntax error in the second line of your code above: " div.nested-category-tree-wrapper {

I have the same problem: need the whole list of categories to appear on category pages not just the main shop page. Despite copying the CSS code nothing seems to have changed? Website is: https://www.theartisanstudio.uk/onlineshop Category page example: https://www.theartisanstudio.uk/onlineshop/bags-non-leather Instead of: All Products / Bags non-leather I would like to display the enclosed partial screenshot (like the main shop page).

Thank you so much Paul. You are super helpful as always.

Site URL: https://www.theartisanstudio.uk/ I am offering gift sets which cost less than the total of the component products. Therefore I would like to remove the word "Sale" when a price is reduced. I am happy with the original price showing struck out and the reduction beside it, I just don't want the word "Sale" because it isn't appropriate for the sets. I am not bothered if the change applies site-wide, as we don't push "Sale" as a method anyway.

Thanks to Paul's updated guide it's all working perfectly now. What a star Paul is.

Checked with another person and the "only appear on reload page" thing happened with her too. So strange.

Second weirdness - badge disappears when I click on product detail and then use the browser "back" button.

Again for some reason I couldn't see your reply until now. Your guide is awesome Paul! Truly awesome. The clearest instructions to do anything I have seen for years. It took me all of two minutes to get it up and running. How can I thank you? Something really weird is happening - the pre-order badge only appears when I refresh pages (same on desktop computer and mobile) and not the first time it loads. Any ideas why? Looking at your code, and how it works sublimely across all of my product pages (I have three due to Squarespace's 200 product limit) I wonder whether it can be used to do other things across all product pages at the same time? Like pulling them to a single link (to make a selection on one page of products from more than one product page? Or tagging across product pages?

By the way, this is where I have created the new thread:

Site URL: https://theartisanstudio.uk/ I began my question here:

Hi Paul, I'm so sorry - no idea why but I didn't receive an alert about your reply. Thank you so much. What you say sounds fantastic and is exactly what I want to do. I just want the badge to appear on certain products I choose, not site-wide like the limited availability (which I can't control selectively). If I understand correctly, you would like me to create a new thread for this? Best wishes Juliette

Hi Paul, Along the same lines, I would like to add a third badge that would look like the "Sale" and "Sold out" badges, saying "Pre-order". I don't believe this feature exists yet, so I think a workaround would be to add the badge as an image to display over the top of the product image both when in the groups of products and the individual product page. Could this be done with CSS and uploading an image of the badge? This is the website: https://theartisanstudio.uk/ Thank you in advance! Juliette