<a href="/cart" class="fg-cart-capsule-global" aria-label="View Cart">
<span class="fg-cart-icon">๐</span>
<span class="fg-cart-count" id="fgCartCount">0</span>
</a>
<style>
.fg-cart-capsule-global{
position:fixed;
right:16px;
top:110px;
z-index:999999;
display:inline-flex;
align-items:center;
gap:5px;
padding:5px 10px;
background:#0c1b33;
border:1.5px solid #c9a14a;
border-radius:999px;
text-decoration:none;
font-size:13px;
font-weight:700;
line-height:1;
box-shadow:0 8px 20px rgba(0,0,0,.22);
transition:all .25s ease;
}
.fg-cart-icon{
color:#c9a14a;
font-size:14px;
line-height:1;
}
.fg-cart-count{
background:#c9a14a;
color:#111;
padding:1px 5px;
border-radius:20px;
font-size:11px;
font-weight:700;
min-width:18px;
text-align:center;
}
.fg-cart-capsule-global:hover{
background:#c9a14a;
}
.fg-cart-capsule-global:hover .fg-cart-icon{
color:#0c1b33;
}
.fg-cart-capsule-global:hover .fg-cart-count{
background:#0c1b33;
color:#fff;
}
@media (max-width:768px){
.fg-cart-capsule-global{
right:14px;
top:95px;
padding:5px 9px;
}
}
</style>
<script>
document.addEventListener('DOMContentLoaded', function () {
var countEl = document.getElementById('fgCartCount');
if (!countEl) return;
function setCount(val){
if(!val || isNaN(val)) return;
countEl.textContent = val;
}
var selectors = [
'.cart-contents-count',
'.cart-contents .count',
'.ct-header-cart .ct-quantity',
'.ct-header-cart .ct-badge',
'.site-header-cart .count',
'.widget_shopping_cart .count'
];
for (var i = 0; i < selectors.length; i++) {
var found = document.querySelector(selectors[i]);
if (found) {
var txt = (found.textContent || '').replace(/\D/g,'');
if (txt) {
setCount(txt);
return;
}
}
}
var cartTableQty = document.querySelectorAll('.woocommerce-cart-form .qty');
if (cartTableQty.length) {
var total = 0;
cartTableQty.forEach(function(input){
total += parseInt(input.value || 0, 10);
});
setCount(total);
}
});
</script>
