Project Home
Manuals
Contact Us
Download
Demo
Welcome,
Guest
. Please
login
or
register
.
Did you miss your
activation email
?
1 Hour
1 Day
1 Week
1 Month
Forever
Login with username, password and session length
News:
AbanteCart v
1.3.3
is released.
Home
Help
Search
Calendar
Login
Register
AbanteCart Community
»
AbanteCart Development
»
Customization help
»
Embed cart icon in the navigation bar
« previous
next »
Print
Pages: [
1
]
Author
Topic: Embed cart icon in the navigation bar (Read 2732 times)
eslamsidereel
Newbie
Posts: 1
Karma: +0/-0
Embed cart icon in the navigation bar
«
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?
Logged
abantecart
Administrator
Hero Member
Posts: 4341
Karma: +297/-10
Re: Embed cart icon in the navigation bar
«
Reply #1 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
Logged
Please
rate your experience
or
leave your review
We need your help to build better free open source ecommerce platform for everyone. See how you can
help
realra12
Newbie
Posts: 1
Karma: +0/-0
Re: Embed cart icon in the navigation bar
«
Reply #2 on:
August 07, 2021, 04:28:05 PM »
Will there be any additional way? It didn't work for me.
Logged
Basara
Administrator
Hero Member
Posts: 5516
Karma: +269/-2
Re: Embed cart icon in the navigation bar
«
Reply #3 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
Logged
Please
rate your AbanteCart experience
or
leave your review
Print
Pages: [
1
]
« previous
next »
AbanteCart Community
»
AbanteCart Development
»
Customization help
»
Embed cart icon in the navigation bar
Powered by SMFPacks Social Login Mod