Jump to content

Reconfiguring product pages & store page w/ Shopify Buy Button

Recommended Posts

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 

Link to comment
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?

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment

@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
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. 

tile-shopify-buy-button-extension.thumb.png.5032f603c44c761296cf6c408a89f186.png

 

The different positions available:

shopify-plugin-button-positions.gif?format=2500w

Improve your online store with our extensions.
About: Squarespace Circle Leader since 2017. I value honesty, transparency, appreciation and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™.
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Buy me a coffee

Link to comment
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.

Improve your online store with our extensions.
About: Squarespace Circle Leader since 2017. I value honesty, transparency, appreciation and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™.
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Buy me a coffee

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • 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.