Jump to content

Embed Code in Product Summary Description

Recommended Posts

Site URL: http://afexan.com/afexan-cosmetics

Is there a way to embed code into each image gallery description? 

I am wanting to add 'Add to cart' buttons in each gallery item. The reason I am not using Squarespaces' product block/summary is that the checkout will be through Ecwid, not Squarespace as the products will be an alternate currency than the default USD.

I have the code (will different for each product). Ideally the it will look as if it was a product summary from Squarespace, with the title, description, then add to cart button below. 

<div class="ecsp ecsp-SingleProduct-v2 ecsp-Product ec-Product-260263707" itemtype="http://schema.org/Product" data-single-product-id="260263707"><div class="ecsp-title" itemprop="name" style="display:none;" content="Organic Black Body Wash"></div><div customprop="addtobag"></div></div><script data-cfasync="false" type="text/javascript" src="https://app.ecwid.com/script.js?6603006&data_platform=singleproduct_v2" charset="utf-8"></script><script type="text/javascript">xProduct()</script>

Note: This page isn't complete, it is still in the building stages. 

Link to comment
  • Replies 1
  • Views 980
  • Created
  • Last Reply

I think the most common and easiest way I've seen this handled is to use the actual store/product item pages. Then on the product item page you use Additional Info to add a code block with your item checkout button code. Then with some CSS and Javascript you hide or delete the SS Add to Cart button and move the code block with your custom add to cart button into the place of the SS Add to Cart button.

2105115158_ScreenShot2020-12-27at4_52_46PM.png.7ec963458b0d4b197bc1911bb2b04274.png

This is a fairly common task, adding a non SS add to cart button to a site. I'm sure with some searching there are probably some threads here that talk about it.

This article HOW TO INTEGRATE SHOPIFY WITH SQUARESPACE covers the general principle of how to add custom add to cart button code to a code block. Of course the web will have severals articles and how tos. Perhaps not specific to your case but will show the general steps.

 

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment

Archived

This topic is now archived and is closed to further replies.

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