Positioning Shopify Buy Button for Products

Yes, I did. Thanks for your help!

Hi, I am also having issues with this... I would like the buy button to appear underneath the price on my product pages, https://www.hotwireextensions.com/shop/p/natural-random-light

Also, does this code go on each individual product page or on the Design > Custom CSS section?

Any help much appreciated!

19 hours ago, HWE said:

Hi, I am also having issues with this... I would like the buy button to appear underneath the price on my product pages, https://www.hotwireextensions.com/shop/p/natural-random-light

Also, does this code go on each individual product page or on the Design > Custom CSS section?

Any help much appreciated!

Edit Code Block (Where you insert Shopify Code) > Add this code to top of Code Block

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>
<script>
$(document).ready(function() { 
		$('section.ProductItem-details').append($('section.ProductItem-additional .code-block'));
	});
</script>

Thanks so much, that's great. Is it possible to get the button to show in between the price and the description? 

https://www.hotwireextensions.com/shop/p/frame-light

Remove above & use this

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>
<script>
$(document).ready(function() { 
		$('section.ProductItem-additional .code-block').insertAfter('.ProductItem-product-price');
	});
</script>

Amazing! Thanks so much for your help

hello @tuanphanI'm wondering if you can help me too?

I inserted your code above my shopify button however, it seems it's not aligned to my content. Is there something I need to amend to make it align? Preferably next to the quantity button on the right hand side?

here's my test product

On 10/22/2020 at 10:48 AM, kwalk said:

hello @tuanphanI'm wondering if you can help me too?

I inserted your code above my shopify button however, it seems it's not aligned to my content. Is there something I need to amend to make it align? Preferably next to the quantity button on the right hand side?

 

here's my test product

Can you share link to test product?

i am using the shopify buy button on a new squarespace site. I did not realize i could use the square space product with the shopify buy button. Looks like is would be a good solution. Any breadcrumbs for how to make this happen would be MUCH appreciated. Thanks!