victoria85
-
Posts
25 -
Joined
-
Last visited
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by victoria85
-
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 🙂
-
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.
-
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!
-
@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 🙂
-
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
-
Alternative to the native store category navigation on mobile?
victoria85 replied to victoria85's topic in Commerce
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
-
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
-
Alternative to the native store category navigation on mobile?
victoria85 posted a topic in Commerce
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
-
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
-
Thank you @creedon! This worked perfectly! Thanks so much for your help and pointing me in the right direction. Vic
-
On my home page, I've added a summary block to show products from my store. (Pass: amethyst7) Sale items show with this nice 'SALE' badge in the top right: But on the store page https://stoneandspectra.squarespace.com/store the product cards look like this and don't have the badge: Is there a way to also show the badge in the store view? Thanks for your help guys! Victoria
-
Even in the product page additional information section? Is there also a way to paste a group of blocks from another page in here? Thanks so much 😊
-
Hi - I’ve seen examples where the additional information section is formatted into 3 or 4 columns but can’t figure out how to achieve this. Everything I add here displays full width. Can anyone help? Thanks!
