victoria85

Thank you SO much @tuanphan!! This fixed it. I'm so relieved! Thanks again, Vic

Does anyone know if this is potentially a bug? Should I reach out to Squarespace support? Thanks 🙂

Hi Chris! It's https://stoneandspectra.com You'll need to add something to the cart, then go to the cart and click 'Edit details' under the item to see the issue. Thanks!

Hi! I'm in need of some help styling the modal/lightbox that shows in the cart when the 'Edit details' link is clicked. Currently mine is showing with the site logo and nav on top of the div: I've been writing some custom CSS to further style the contents but can't solve: 1. How to fix the layering / z index issue where the logo and nav are overlapping the lightbox 2. How to style the type (size and weight) for the options (16-18 inch, 18-20 inch etc) If anyone could help that would be awesome! Here's my CSS for the styling tweaks I've made so far: .cart-product-form-title { font-size: 28px !important; line-height: 34px !important; color: #E0B6C9 !important; padding-right: 80px; margin-top: 0px !important; margin-bottom: 15px !important; padding-top: 0px !important; padding-bottom: 0px; } .cart-product-form-field-title { font-weight: 100 !important; font-size: 16px !important; line-height: 20px !important; padding-bottom: 0px !important; margin-bottom: 0px !important; } Thanks! Victoria

Thanks so much! This worked for me 🙂

On my homepage I'm seeing a large space after the last row of items in my summary block before the 'show me everything' button. I don't see it in the designer but see it on inspect and on mobile device. I'm stuck on what code I need to adjust or add to control this space. It doesn't appear to be margin or padding. I'm not a CSS pro, I just have some basic knowledge. So I'm stumped. Thanks in advance to anyone who can help 🙂 https://stoneandspectra.com Screenshot live on inspect and device: Screenshot Squarespace designer:

@Lesum Perfect! Thank you so much for your support. It's exactly how I wanted it 🙌

@Lesum Thank you so much - this worked! How can I add some paragraph text in between the 'sold out' and the button as per this mock up? (see attached image) e.g. 'Sorry you missed out on this design....' Edit: I think I have figured it out - could you check if my additions to the code you provided are ok? I'm not fluent in writing code. Thanks 🙂 I styled it a little using css (not shown here) as I'm comfortable using css 🙂 <!-- Custom sold out message on product page --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script> $(document).ready(function() { checkSoldOut(); function checkSoldOut(){ $('.product-mark.sold-out').text('SOLD OUT'); $('.product-mark.sold-out').append('<div class="customSoldOutText"> <p>Sorry you missed out on this design! <br> Sign up for my newsletter to be the first to hear when new designs are released (unsubscribe at any time).</p> </div>'); $('.product-mark.sold-out').append('<div class="customButton"> <a class="sqs-block-button-element--medium sqs-button-element--primary sqs-block-button-element" href=\"https://subscribepage.io/stone-and-spectra-newsletter">SIGN UP</a> </div>'); } }); </script> <script> $(document).ready(function() { checkSoldOut(); function checkSoldOut(){ $('#collection-64657692c798492fe5b97766 .product-mark.sold-out').text('SOLD OUT'); $('.customButton div').remove(); } }); </script> <!-- end Custom sold out message on product page -->

Thanks @Lesum - where should I put this code? In the code injection for product pages? Or in the general code injection for the site? I tried injecting in a few places but it didn't seem to show. Thanks!

Hi absolutely It's https://stoneandspectra.com The additional product section wouldn't be suitable. I'm looking to customise the sold out text or possibly the waitlist content (I don't want the waitlist form to show, i'd rather have my own text and link or button). I need this custom info to show for all sold out products automatically. Appreciate any ideas anyone might have! Victoria

Hi! I'm wondering if there's a way with custom code to display some custom text and a link or button on out of stock products? I've tried the waitlist option and it would be great but I don't want customers signing up to that list, I'd like to send them to a different landing page and/or ask them to reach out on Instagram. How can I display a custom message on out of stock items? Thanks so much!

Hi Tom! This has worked perfect!! I'm not completely fluent in css, I know a lot more than I did (I get by and I'm learning!) so thank you for your patience. I really appreciate the help. My shop is looking exactly how I want it to now in terms of the sale badges and sold out badges. I'm super happy with them! Here's how it's looking: Thanks for all your help 😃

Hi Tom Definitely something not quite right still. I'll insert a screen grab below. The 'sale' badge is taking precedent on an item that's out of stock. I think it's more logical to show it as 'sold out' on the badge even though it was a sale item. (https://stoneandspectra.com/shop amethyst 7) Screen grab: I'll leave the css as it is so you can see it. Thanks for your help 😊

Hi Tom! I checked through all my CSS and as far as I can see there's no errors, so that's good. Everything is working as expected so far. I have in place: Your sold out badge code - all working Native limited availability text (thank you! I didn't know this was a native feature!) I'm not sure what was happening last night but my CSS only seemed to load and be visible in the builder with the CSS side bar open. But this has resolved. May have been a glitch. I have saved all my CSS in a file so I can revert back to it and I'm about to install your sale badge code 🙂 I'll let you know how I get on. I also restyled the badges and I think they look much smarter 🙂

Hey, I think there was something odd happening with the css. It was showing in the editor and then not in live view. So for the time being I uninstalled your code, reinstalled it and deleted the plugin. I’ll try again tomorrow and let you know where I’m at. It might have been an issue with some of my CSS - I’ll try and check it 🙂