Jump to content

Add code block to product item page

Recommended Posts

Posted

Site URL: https://collie-dragonfly-jcwc.squarespace.com/

Hi, 
site URL: https://collie-dragonfly-jcwc.squarespace.com/ || Pass: ArtPrint_100%
I'm on Squarespace 7.1 - using e-commerce package 

I would like to add a code block to the product item pages above the actual product images and description, should have the same position as here on the other pages
https://collie-dragonfly-jcwc.squarespace.com/artwood-prints

Only way to insert the code right now is within the additional information block, which keeps the button at the very bottom of the product page, see here
https://collie-dragonfly-jcwc.squarespace.com/online-shop/p/uhrentraeger-original


Code: 
<div class="button-bgcontainer">
<input type="button" value="ZURÜCK" onclick="history.back(-1)" class="buttonBg"/>
</div>

Any assistance from the community is very much appreciated. Thanks

  • Replies 9
  • Views 1.5k
  • Created
  • Last Reply

Top Posters In This Topic

Posted
On 12/6/2020 at 9:28 PM, Katharina14109 said:

Thanks tuanphan. 
I added it to the additional Info on every product item page in the shop und would like to move it. Would be great if you could guide me. Best, katharina 

Move to this position??

move-this.png.7358b112c367541b30536bd21d03e3e1.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

  • 2 years later...
Posted
On 2/2/2023 at 2:44 PM, HG-Design said:

Hi @tuanphan, we would like to move the TrustPilot widget code block to above the product title on this page: https://wvcharge.squarespace.com/waev-charge-store/p/waev-charge-ev1

Is this possible please? The TrustPilot code block is currently at the top of the adding information block in the products page. 

 

Many thanks

Joe

Move this?

image.thumb.png.58313f655a747cbac3dbafe609c105bf.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Posted
On 2/3/2023 at 3:34 PM, HG-Design said:

Just the Trustpilot bit to the top which is a code block @tuanphan

Add to Last Line in Code Injection > Footer

<script>
  $(document).ready(function() { 
		$('.ProductItem .ProductItem-additional .code-block').insertBefore('section.product-details.ProductItem-details>h1');
	});
</script>

image.png.22b4c94356d4eadb5f2eeef8a25c6534.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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.