pappyjean Posted November 25, 2021 Share Posted November 25, 2021 Site URL: https://www.omgloudmouth.com/merch Hi, I'd like to redesign the pages for individual products in order to: 1) Keep the product name as-is on a given product page 2) Eliminate the "Add to Cart" button, the variant (size/color) dropdown, and the availability on a product page 3) Move the Shopify Buy button to the position currently occupied by the "Add to Cart" button. In essence, I'd like to maintain the display functionality of SquareSpace while eliminating the Commerce components. Links for the Store page and an example product page are at bottom. Thanks for the help! PJ https://www.omgloudmouth.com/merch https://www.omgloudmouth.com/merch/p/loudmouth-crewneck pw: site Beyondspace 1 Link to comment
pappyjean Posted November 25, 2021 Author Share Posted November 25, 2021 @tuanphan it seems like you have addressed similar issues for other users. Tagging you in case you might be able to help. Thank you! Link to comment
Beyondspace Posted November 26, 2021 Share Posted November 26, 2021 5 hours ago, pappyjean said: Site URL: https://www.omgloudmouth.com/merch Hi, I'd like to redesign the pages for individual products in order to: 1) Keep the product name as-is on a given product page 2) Eliminate the "Add to Cart" button, the variant (size/color) dropdown, and the availability on a product page 3) Move the Shopify Buy button to the position currently occupied by the "Add to Cart" button. In essence, I'd like to maintain the display functionality of SquareSpace while eliminating the Commerce components. Links for the Store page and an example product page are at bottom. Thanks for the help! PJ https://www.omgloudmouth.com/merch https://www.omgloudmouth.com/merch/p/loudmouth-crewneck pw: site Add this snippet into site custom css, .ProductItem-details .product-mark, .ProductItem-details .product-variants, .ProductItem-details .sqs-add-to-cart-button-wrapper { display: none !important; } about the buy button, could you create the buy button snippet with iframe option unchecked? BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date format) 💫 Animated Buttons (Referral URL) 🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations) 🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates) If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
pappyjean Posted November 26, 2021 Author Share Posted November 26, 2021 Hm.. Shopify doesn't seem to have an "iframe option" when creating a Buy Button, and I don't see iframe anywhere in the script. The snippet worked for the first half of the issue, though, so thank you for that!! Link to comment
pappyjean Posted November 26, 2021 Author Share Posted November 26, 2021 @Alan-Squareflair it seems like you may have developed a similar solution here? My remaining issue is that I want to move the Shopify Buy Button (i.e, Additional Product Info) to live underneath the product name and price, and to scroll with them down the page as someone views the product graphics. site: https://www.omgloudmouth.com/merch/p/loudmouth-crewneck pw: site Any ideas? Thanks! PJ Link to comment
pappyjean Posted November 29, 2021 Author Share Posted November 29, 2021 @bangank36 any other ideas for moving the Shopify Buy Button up to live underneath the product name & price? Link: https://www.omgloudmouth.com/merch/p/loudmouth-crewneck pw: site Link to comment
pappyjean Posted November 29, 2021 Author Share Posted November 29, 2021 @tuanphan any suggestions for moving the Shopify Buy Button? Link to comment
paul2009 Posted November 29, 2021 Share Posted November 29, 2021 5 hours ago, pappyjean said: any other ideas for moving the Shopify Buy Button up to live underneath the product name & price? If you're looking for a simple supported solution you may want to take a look at our paid addon. The Shopify Buy Button Position extension moves the button to your choice of positions and includes a step-by-step installation guide. The different positions available: About: SQSP User for 17 yrs. Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥. Work: Founder of SF Digital, building Squarespace Extensions to supercharge your commerce website. Content: Links in my posts may refer to SF Digital products or may be affiliate links. If my advice helped, you can thank me by clicking one of the feedback emojis below. I love coffee too. Link to comment
pappyjean Posted November 29, 2021 Author Share Posted November 29, 2021 Thanks, @paul2009. If I purchase the add-on, is the location customizable by product or is it global / applied to all products? Looks like this might be the ticket. Link to comment
paul2009 Posted November 29, 2021 Share Posted November 29, 2021 14 minutes ago, pappyjean said: is the location customizable by product or is it global / applied to all products? It is applied in the same position on all products where the buy button is used. About: SQSP User for 17 yrs. Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥. Work: Founder of SF Digital, building Squarespace Extensions to supercharge your commerce website. Content: Links in my posts may refer to SF Digital products or may be affiliate links. If my advice helped, you can thank me by clicking one of the feedback emojis below. I love coffee too. Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment