Embedding your AbanteCart store

You can now embed your entire AbanteCart storefront into almost any page on the web!

New feature starting from version 1.2.3 is a "products embed". With products embed you can sell anything from your AbanteCart web store on any other website.

Whether you already have site, blog or you are using a cms like wordpress, joomla or drupal, its easy to embed your AbanteCart shopping cart or eCommerce functionality

AbanteCart allows you to embed:

  • products
  • categories
  • brands
  • store links


This guide show how to embed your products to blog with few simple steps

Step 1

Visit product page which one you want to embed in the blog

Step 2

Select data you want to display and copy generated html code

Step 3

Paste it into the target page

That's all

Visit your html page

By default product preview and checkout process in modal popup window. You can modify this by change Embed Click Action setting in General Settings page


Note

If some html page element overlap embed window please modify z-index property in CSS

This guide show how to embed store links

Info

You can embed links only if you have embedded product or category on same page!

Step 1

Copy URL your need to embed

http://demo.abantecart.com/index.php?rt=content/content&content_id=2

Step 2

Modify URL add r/ and add special tags

copy

<a data-href="http://demo.abantecart.com/index.php?rt=r/content/content&content_id=2"  data-html="true" data-target="#abc_embed_modal" 
data-toggle="abcmodal" href="#">your link title</a>

This guide show how to embed shopping cart link

Info

You can embed links only if you have embedded product or category on same page!

Step 1

Copy shopping cart page URL your need to embed

http://demo.abantecart.com/index.php?rt=checkout/cart

Step 2

Modify URL in this way http://demo.abantecart.com/index.php?rt=r/checkout/cart/embed and add special tags

copy

<a data-href="http://demo.abantecart.com/index.php?rt=r/checkout/cart/embed"  data-html="true" data-target="#abc_embed_modal" 
data-toggle="abcmodal" href="#">your link title</a>