-
Posts
28 -
Joined
-
Last visited
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by Beth_King
-
Hello, this is exactly what I want to do on this page but with swatches. So that when you hover on a small circle the word above changes to what that marterial is. The page is here: https://clavichord-trout-3tzg.squarespace.com/product-template Please can you help?
-
Adding First Name & Last Name Fields to Promotional Popup
Beth_King replied to brandi_sqspace's topic in Customize with code
Me too, Come on Squarespace, this isn't good enough we need first and surname fields at the very least.- 30 replies
-
- popup
- promotional-pop-up
-
(and 1 more)
Tagged with:
-
Yes, as I understood it though. Your code targets pages with the hide-atc tag and hides the button on those pages so this would be perfect it I can get it to work. This would mean the client would only need to add the tag to the product page when it sells out and the button would disappear, I'm assuming?
- 23 replies
-
- custom-css
- product-page
-
(and 3 more)
Tagged with:
-
I've installed the full code in the Store > Page Header Code Injection and added the hide-atc tag to the product page but its not working? <style> /* begin store product detail elements tagged hide Version : 2.1 SS Versions : 7.1, 7.0 v7.0 Templates : Adirondack Brine ( Aria, Blend, Burke, Cacao, Clay, Fairfield, Feed, Foster, Greenwich, Hatch, Heights, Hunter, Hyde, Impact, Jaunt, Juke, Keene, Kin, Lincoln, Maple, Margot, Marta, Mentor, Mercer, Miller, Mojave, Moksha, Motto, Nueva, Pedro, Pursuit, Rally, Rover, Royce, Sofia, Sonora, Stella, Thorne, Vow, Wav, West ) York ( Artesia, Flores, Harris, Jasper, Jones, Lange, Shibori, Taylor ) your template is not listed? then it is not currently supported Note : the following tags added to your products will hide elements hide atc ( add to cart ) hide price hide quantity By : Thomas Creedon < http://www.tomsWeb.consulting/ > */ /* 7.1 */ /* begin atc */ /* layout simple */ .tag-hide-atc .ProductItem-details .sqs-add-to-cart-button-wrapper, /* layouts full, half, wrap */ .tag-hide-atc.pdp-layout .pdp-details .sqs-add-to-cart-button-wrapper, /* end atc */ /* begin price */ /* layout simple */ .tag-hide-price .ProductItem-details .ProductItem-product-price, /* layouts full, half, wrap */ .tag-hide-price.pdp-layout .pdp-details .pdp-details-price, /* end price */ /* begin quantity */ /* layout simple */ .tag-hide-quantity .ProductItem .ProductItem-details .product-quantity-input, /* layouts full, half, wrap */ .tag-hide-quantity.pdp-layout .pdp-details .pdp-details-quantity, /* end quantity */ /* 7.0 */ /* Brine, York */ .tag-hide-atc .ProductItem-details .sqs-add-to-cart-button-wrapper, .tag-hide-price .ProductItem-details .product-price, .tag-hide-quantity .ProductItem-details .product-quantity-input, /* Adirondack */ .tag-hide-atc #productDetails .sqs-add-to-cart-button-wrapper, .tag-hide-price #productDetails .product-price, .tag-hide-quantity #productDetails .product-quantity-input, twc-selector /* dummy selector so that each selector line above can end with a comma */ { display : none; } /* end store product detail elements tagged hide */ </style>
- 23 replies
-
- custom-css
- product-page
-
(and 3 more)
Tagged with:
-
Creedon I will definitely be making a donation btw!
- 23 replies
-
- custom-css
- product-page
-
(and 3 more)
Tagged with:
-
Hi Creedon, I studied your code and added the tag 'hide-atc' and 'tag-hide-atc' to this product page https://disegnojournal.com/shop/p/disegno-28 to test it. Then I added style script to the Store > Settings > Code Injection. The product page layout is wrap, and so added all variations incase the client changes the design. Any idea why it's not hiding the ATC buttons? Could it be conflicting with your code to add the 2nd atc button? Thanks!!
- 23 replies
-
- custom-css
- product-page
-
(and 3 more)
Tagged with:
-
Can I use a code block on those pages with the CSS or a script to hide them on those pages and I could add it to Additional Information section of the product page?
- 23 replies
-
- custom-css
- product-page
-
(and 3 more)
Tagged with:
-
Thanks Creedon, I need to hide them only on specific pages though. It's complicated with digital and hardcopy products sold on one page and with EU check out and digital copies with a third party (off site). The hardcopy products are bought through the client's Squarespace site whereas when they've sold out the digital copies are sold off site. What is happening at the moment is that the ATC button appears when the hardcopy is sold out but I can't mark it as sold out as the digital copy is below to purchase so I just need to hide the ATC buttons on those pages....That code would hide them all?
- 23 replies
-
- custom-css
- product-page
-
(and 3 more)
Tagged with:
-
Hi again Creedon. Thanks again for your help. But I now just need to hide the cart buttons I've added on specific product pages. Here's an example - on this page https://disegnojournal.com/shop/p/disegno24-digital I need to hide the buttons by identifying the block and hiding them. This is CSS code that I've tried...but it doesn't work...pls can you help? [data-section-id="604d1646e89f7c51415d5e00"] { //CSS Hide Add to Cart Button .ProductItem-details .sqs-add-to-cart-button-wrapper .sqs-add-to-cart-button {display:none;} } Thanks! Beth
- 23 replies
-
- custom-css
- product-page
-
(and 3 more)
Tagged with:
-
Creedon! That's brilliant thank you. I just need to add a gap/padding between the buttons. Nearly there! Thank you so much for your help. You Legend! 🙂
- 23 replies
-
- custom-css
- product-page
-
(and 3 more)
Tagged with:
-
I remembered now as I was a bit confused - my original code above changed a link to a button and I couldnt see the JQuery script in the Product Page > Settings > Advanced > Code injection. So I've been scratching my head. Then realised that the script in a code block in Product Page > Additional information. Here it is... <script>(function(document){ // Edit HTML between the quotes. var BUTTON_PRETEXT_HTML = '<p><a href="https://disegno.newsstand.co.uk">EU BUY NOW</a></p>'; var TITLE_SUBTEXT_HTML = '<p>Rumba red</p>'; /**************************************************************** * DO NOT MODIFY CODE BELOW, unless you know what you're doing. ****************************************************************/ // Execute code based on if it's in the header or footer if(document.readyState == 'loading') { document.addEventListener('DOMContentLoaded', init); } else { init(); } function init(){ var buttonContainer = document.querySelector('.sqs-add-to-cart-button-wrapper'); var productTitle = document.querySelector('.ProductItem-details-title'); var div; if(buttonContainer) { div = document.createElement('div'); div.setAttribute('class', 'sqs-add-to-cart-button-pretext'); div.innerHTML = BUTTON_PRETEXT_HTML; buttonContainer.insertBefore(div, buttonContainer.firstChild); } } If I attempt to change the Product Page layout to 'Simple' the EU BUY NOW button vanishes. It's still missing when I revert the product page design back to 'Wrap' layout so I discard the changes. Perhaps I have to re-enter the script above once the layout is changed?
- 23 replies
-
- custom-css
- product-page
-
(and 3 more)
Tagged with:
-
Hi Creedon, Thanks so much for this - I'm wondering if I made a donation you would help write the script for the EU Buy Now Button to be seen on mobile view?
- 23 replies
-
- custom-css
- product-page
-
(and 3 more)
Tagged with:
-
Hi Creedon, Yes I see that but when I choose Simple, and the design changes the 2nd add to cart button disappears. Very odd. So I don't save the changes.
- 23 replies
-
- custom-css
- product-page
-
(and 3 more)
Tagged with:
-
Thanks Paul2009, I tried to choose 'Simple' layout but the button disappeared altogether. I'm going to need to add new Json code. Thanks for input/info. Much appreciated!
- 23 replies
-
- custom-css
- product-page
-
(and 3 more)
Tagged with:
-
Hi Paul. thanks so much for your quick reply. Yes, I think that is exactly what happened, although I can't see how the code now needs to change as the button identifier is still .sqs-add-to-cart-button ?
- 23 replies
-
- custom-css
- product-page
-
(and 3 more)
Tagged with:
-
Site URL: https://disegnojournal.com/shop/p/disegno32 Hi there, A while ago I custom coded a 2nd 'Add to Cart' button on the product pages of my client's website for 'EU check out' customers. Everything was working just fine until the client notified me that the button no longer shows on mobile view. Here's the code. I cannot see the error only that the product page design has changed since I first designed it. Please can someone help troubleshoot why the button disappears on mobile view? This is the current code: /* EU BUTTON CHECKOUT CODE */ .sqs-add-to-cart-button-pretext a[href="https://disegno.newsstand.co.uk"] { background-color: black; color: white !important; font-size: 19.2px !important; text-align: center !important; padding-top: 8.2px !important; padding-bottom: 8.2px!important; padding-right: 68px !important; padding-left: 68px !important; display: inline-block; } @media screen and (max-width:640px) { .ProductItem-details .sqs-add-to-cart-button-wrapper { width: 80% !important; display: inline-block; } } @media screen and (max-width:640px) { .sqs-add-to-cart-button-pretext a[href="https://disegno.newsstand.co.uk"] { width: 47% !important; display: inline-block; margin: 0px, 20px, 0px; } } .ProductItem-details-title-subtext { order: 2; } .ProductItem-details-title-subtext { margin-top: 0; margin-bottom: 0rem; } .sqs-add-to-cart-button-pretext { margin-bottom: 1.1rem; } @media screen and (min-width: 640px ) { .ProductItem-details .ProductItem-details-checkout { display: flex; } media screen and (min-width: 768px) .tweak-product-basic-item-content-alignment-top .ProductItem-details { padding-top: 0; } } #cta-button-container { text-align: left !important; }
- 23 replies
-
- custom-css
- product-page
-
(and 3 more)
Tagged with:
-
Site URL: https://disegnojournal.com Is there any ad serving third party platform that integrates with Squarespace that'll let my client track, rotate, and run their own ads, without joining an ad network? (So not Adsense). The aim is to run more than one ad in an ad space. My client currently sells Leaderboards and MPU space that I set up, but these ads run one banner at a time, for example. They are looking for an integration where they can run two banners in the same space, so the ad changes when the page is refreshed, for example. Thanks, Beth
-
Site URL: https://disegnojournal.com/shop/p/disegno30 Hi there Due to changes in VAT for sales from UK to EU, we need to add a 2nd 'Add to Cart' button on product page so that EU customers are directed to a third party fulfilment service. Please can I get help with the code to do this please?
- 7 replies
-
- product-page
- add-to-cart
-
(and 1 more)
Tagged with:
-
How to get a summary blog carousel to stack in mobile squarespace?
Beth_King replied to jd2020's topic in Customize with code
Thank, but thats not possible for the site i'm building. I just want to stack the first 3 summary blog entries in the carousel on mobile. Side by side the images are too small.- 5 replies
-
- css
- custom-css
-
(and 2 more)
Tagged with:
-
How to get a summary blog carousel to stack in mobile squarespace?
Beth_King replied to jd2020's topic in Customize with code
I have exactly the same code and issue - I need to stack the blog summary block on mobile on my site https://aardvark-caper-aggg.squarespace.com/ Please can someone help...The code posted above isnt working....Thanks, Beth- 5 replies
-
- css
- custom-css
-
(and 2 more)
Tagged with:
-
Thank you! It was a problem fro me too
-
I am so disappointed and so is my client. Didn't know it applied to US and Canada only until it was too late. Already someone outside the free local shipping zone has bought a product and there's no way for them to return to pay just shipping. It makes the Squarespace eCommerce platform a poor solution for the UK. Needs automated shipping based on postcode as standard. I really hope Squarespace resolve the issue fast. https://booyavitality.co.uk We will probably have to revert to a third party like Ecwid which effects the user experience and SEO. Come on Squarespace!