Sitar

Hey everyone, I'm looking for some advice on how to improve the conversion rate of my website. I work in design and promotion of modular synthesizers, both through direct sales and with retailers. So, I need my website to showcase product features without being too overt in the shopping section to avoid overshadowing retailers. Here are some specific areas I'm looking to address: Balancing Product Information and Sales: How can I effectively showcase the features and benefits of my products without overshadowing the retail aspect of my business? Building Trust with Retailers: What strategies can I use to ensure that my website doesn't undermine the relationships I have with my retailers while still driving direct sales? Optimizing the Checkout Process: Are there any tweaks I can make to the checkout process to streamline it for customers, regardless of whether they're purchasing directly from me or through a retailer? Content Strategy: How can I incorporate educational and informative content into my website to enhance the overall user experience and build credibility in the industry? link: https://watermelon-sponge-6pkp.squarespace.com/ I'm open to any suggestions or insights you may have based on your experiences. Thanks in advance for your help!

Hi @creedon, thank you so much for this code and all the efforts. I've implemented it on my website and it seems to work as it should. Would it be possible to have the folder header clickable whith your code? Before it was working thanks to this: <!-- clickable folder header start ---------> <script> (function () { let folders; function rebuildAnchor(folder) { let parent = folder.closest('.header-nav-item--folder'), href = folder.href.includes('.com') ? folder.href.split('.com')[1].replace("-folder/", "") : folder.href.replace("-folder/", ""), anchorClone = folder.cloneNode(true); anchorClone.classList.add('clickable-folder'); anchorClone.setAttribute('href', href); anchorClone.style.cssText = ` opacity: 1; transform: unset; `; parent.insertAdjacentElement('afterbegin', anchorClone); if (href == window.location.pathname) { console.log() anchorClone.closest('.header-nav-item--folder').classList.add('header-nav-item--active') } } function addToMobile(folder) { let href = folder.getAttribute("href"), hrefAdjusted = href.includes('.com') ? href.split('.com')[1].replace("-folder/", "") : href.replace("-folder/", ""), text = folder.innerText, newText = `All ${text}`, mobileFolder = document.querySelector(`[data-folder="${href}"]`), backButton = mobileFolder.querySelector(".header-menu-nav-folder-content > *:first-of-type"), allButton = `<div class="container header-menu-nav-item header-menu-nav-item--external"> <a href="${hrefAdjusted}">${newText}</a> <div>`; backButton.insertAdjacentHTML('afterend', allButton) } /* Select All Folder Links & */ function setFolderLinks() { folders = document.querySelectorAll('.header-display-desktop .header-nav-folder-title[href*="-folder/"]'); for (let folder of folders) { window.addEventListener('load', function() { addToMobile(folder); rebuildAnchor(folder); folder.remove(); }); } } setFolderLinks(); })(); </script> <!-- clickable folder header end ---------> It is still implemented on my website but its effects on mobile are 0 now. my website: https://watermelon-sponge-6pkp.squarespace.com/ thank you so much

I would also be interested in the Javascript, many thanks!

another hint I've just found: going in shop/edit section /show price and moving the bar from "show" to "hide" also all the other prices get the infamous "from.." and they start showing the lowest variation price. If I don't save these changes they go back to normal - apart from the two first ones I've mentioned before.

website: https://watermelon-sponge-6pkp.squarespace.com/

Hi there! As you can see in my shop page most of the product show the highest price as the first one, even if there are variant that are cheaper. I like this behaviour. The only two products that do not follow the rule are the first two. They show the "from.." followed by the lowest variant price. Can someone tell me why and how to adjust them? thank you! (note that I'm currently using the variant price extension by SF digital, but that should only be triggered when in the product page, not also in the whole shop page and it's working as it should)

tried the new code but still no progress. I'll keep it as it is, it's not that bad at the end. Thank you for the help!

think I've fixed it /* remove hover buttons on mobile */ @media screen and (max-width:767px) { div.sqs-button-element--primary:focus { opacity: 1 !important; } }

https://jolin.tech/shop/p/vactrols-are-illegal-unisex-tee on chrome android the button text gets highlighted. In mobile desktop it doesn't happen. That's why I would like to get rid of the hover effect on mobile

https://jolin.tech/shop/p/vactrols-are-illegal-unisex-tee

Thank you for the reply! I've implemented it but the hover effect sill seems to be there

that's what I get

I've modified some value of the code: /* add to cart next to quantity */ @media screen and (min-width:768px) { .sqs-add-to-cart-button-wrapper { width: 50% !important; float: left; margin-bottom: 0 !important; position: relative; bottom: -29px; } .product-quantity-input { width: 40% !important; float: left !important; } .ProductItem-details .sqs-add-to-cart-button-wrapper .sqs-add-to-cart-button { padding-top: 1.5em; padding-bottom: 1.5em; } } The add to cart button now aligns perfectly with the quantity on tablet and browsers. How to implement the code to make it work also on mobile? Thanks! (website: https://watermelon-sponge-6pkp.squarespace.com/ )

thank you! it worked perfectly

Site URL: https://watermelon-sponge-6pkp.squarespace.com/ Hi, I would like to remove the hover effect on all the buttons on my website but only on mobile layout. Any suggestions? Thanks!

worked elegantly. thanks!

Site URL: https://watermelon-sponge-6pkp.squarespace.com/ Can someone help me to invert the order of the cookie banner buttons? Opt-in = right and opt-out = left. thanks!

https://watermelon-sponge-6pkp.squarespace.com

Is there a way to not show the price in the related products tab under a product? I've installed the custom plugin to select the first variant from a product to not show that "from" but it still visible at the bottom in the related product tab. Any help is appreciated, thanks