AbanteCart Community

AbanteCart Development => Customization help => Topic started by: eslamsidereel on October 17, 2020, 08:22:11 AM

Title: Embed cart icon in the navigation bar
Post by: eslamsidereel on October 17, 2020, 08:22:11 AM
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?

Title: Re: Embed cart icon in the navigation bar
Post by: abantecart on October 17, 2020, 09:16:45 PM
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
Title: Re: Embed cart icon in the navigation bar
Post by: realra12 on August 07, 2021, 04:28:05 PM
Will there be any additional way? It didn't work for me.
Title: Re: Embed cart icon in the navigation bar
Post by: Basara on August 09, 2021, 01:10:12 AM
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