Jump to content

victoria85

Member
  • Posts

    29
  • Joined

  • Last visited

Everything posted by victoria85

  1. Thank you SO much @tuanphan!! This fixed it. I'm so relieved! Thanks again, Vic
  2. Does anyone know if this is potentially a bug? Should I reach out to Squarespace support? Thanks 🙂
  3. 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!
  4. 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
  5. Thanks so much! This worked for me 🙂
  6. 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:
  7. @Lesum Perfect! Thank you so much for your support. It's exactly how I wanted it 🙌
  8. @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 -->
  9. 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!
  10. 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
  11. 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!
  12. 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 😃
  13. 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 😊
  14. 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 🙂
  15. 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 🙂
  16. Thanks Tom! I've just gone with the Sold out option - with the latest update, for me, the item that was both sold out and on sale was showing 'sale' rather than sold out. But I've removed the sale code, like I said I've just gone with the sold out code. Also I think it might be related but a plugin I was using that showed the inventory stopped working. It shows in the builder but not on the live site (e.g. an incognito window). Here they are in the builder preview... Product detail page: /shop page: They were working until I installed your updated custom css.
  17. That's super! I'll probably disable the 'sale' badges and go for the 'sold out' ones as my shop is going to be quite a small collection of one-off pieces so the 'sold out' badge is going to be more useful from a communication and marketing standpoint. 🙂 Thank you!
  18. @creedon - Hi thanks for the reply! I didn't mean at the same time i.e showing 2 badges on one product, just that the two pieces of code could be used at the same time without conflict. So that like you said the 'sale' badge would show, but if the item is sold out then it would instead show the 'sold out' badge. Also if the sold out badge could work on mobile too. Just like you updated the 'sale' badge to work on mobile. Thanks 🙂
  19. Hi @creedon me again! I've installed your code for the out of stock badges https://github.com/tomsWebConsulting/twcsl/tree/main/v7.1/Store Product List Out of Stock Badge But it seems to conflict with the sale badges code. https://stoneandspectra.com Scroll down for password input: amethyst7 The home page (summary block which has native badges) is correct - the first 2 are sold out, the third product is in stock but on sale: The store page https://stoneandspectra.com/shop (your code affects this view) - is showing a bug where it's confusing the third product and it's using the badge to display 'sold out' rather than 'sale'. The first two are correct, the very first product should definitely show 'sold out' even though it's also on sale, because its sold out status is more useful for users to know: The badges are also not quite working on mobile - just like the sale badge code wasn't at first but then you updated it 🙂. At the moment it seems to be piggy backing onto the code that's working for the sale badges but changing the text to 'sold out' and it's not showing at all on the second product. The first two are sold out, the third one is just on sale and is in stock. Is it possible to have the two codes (sale badges and sold out badges) working together? They are so visually effective! I'd love for them to work. Thanks for your help, Vic
  20. Thank you so much @creedon It's working perfect now. I really love this 🙂 Vic
  21. Thanks @paul2009! I have successfully installed that. Is there a way to get this menu to also show on the individual category pages too? And center the category title just like the main store page? Cheers! Victoria
  22. Hey @creedon I think you're looking at the summary block on the homepage - the sale badges show natively here. You helped me get them to show on the store page https://stoneandspectra.squarespace.com/store Desktop: Mobile: Thanks for taking a look! Really appreciate the help. Victoria
  23. Hi! I was wondering if there is an alternative (custom code or a plugin) to the native store category nav on mobile (see attached screen grab). For example a drop-down that could show in its place or removing the category nav on mobile and include the categories in the nav overlay menu similar to how folder items show? Or some other solution that people might already be using? I just don't find the horizontal scroll/swipe very intuitive. Thanks for any advice! Victoria
  24. Hi @creedon Everything was working great but I've added some custom CSS to show my store page (https://stoneandspectra.squarespace.com/store) in 2 columns for screens below 767px wide (mobile view basically). And now in this view (767 wide and below) the 'SALE' badges have disappeared. Is there some addition code or styling I need to add to make sure they appear in the 2 column layout? https://stoneandspectra.squarespace.com Pass: amethyst7 (scroll down until you see the password box) Thanks for your help! Victoria
  25. Thank you @creedon! This worked perfectly! Thanks so much for your help and pointing me in the right direction. Vic
×
×
  • 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.