Reconfiguring product pages & store page w/ Shopify Buy Button

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 

@tuanphan it seems like you have addressed similar issues for other users. Tagging you in case you might be able to help. Thank you!

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?

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!!

@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

@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

@tuanphan any suggestions for moving the Shopify Buy Button?

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:

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.

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.