document.addEventListener('DOMContentLoaded', function() {
const products = document.querySelectorAll('.jas-col-md-5, .jas-col-sm-6, .jas-col-xs-12');
products.forEach(function(product) {
const buttons = product.querySelectorAll('.btn-quickview, .add_to_cart_button, a.button');
// Hide initially
buttons.forEach(function(btn) {
btn.style.opacity = '0';
btn.style.visibility = 'hidden';
btn.style.transition = 'all 0.3s ease';
btn.style.transform = 'translateY(10px)'; // slide-in
});
// Show buttons on hover
product.addEventListener('mouseenter', function() {
buttons.forEach(function(btn) {
btn.style.opacity = '1';
btn.style.visibility = 'visible';
btn.style.transform = 'translateY(0)'; // slide up
});
});
product.addEventListener('mouseleave', function() {
buttons.forEach(function(btn) {
btn.style.opacity = '0';
btn.style.visibility = 'hidden';
btn.style.transform = 'translateY(10px)';
});
});
});
});
