AbanteCart Development > Customization help

Embed cart icon in the navigation bar

(1/1)

eslamsidereel:
I already know how to embed a product through the embed button page; what I am trying to achieve is embedding the cart icon itself so that it become visible all the time in the navigation bar on top of the page. Is there a way to achieve this?

abantecart:
The shopping bag icon would show automatically on the page with embedded product from AbanteCart.  It will be visible after you add at least one product to the cart.
You can edit the JavaScript code to show it all the time.

This code is this file:
https://github.com/abantecart/abantecart-src/blob/a9df918cee40cc7f32e68ee136a683dc30632f5c/public_html/storefront/view/default/template/embed/js_cart.tpl

realra12:
Will there be any additional way? It didn't work for me.

Basara:
Hello.
You can add to your site any floating icon with some basic css and html and just link it to the embed cart page like we did in the demo
https://www.abantecart.com/embed_demo/index.html Click on the "Shopping bag" menu in the header


https://codepen.io/androidcss/pen/yOopGp
https://blog.webnersolutions.com/add-floating-buttons-with-simple-html-and-css/

https://abantecart.atlassian.net/wiki/spaces/A2UM/pages/491913917/Embed+Products+to+HTML#EmbedProductstoHTML-Example%3Aembedshoppingcartlink

Navigation

[0] Message Index