Blog Grid

(function () { function initHeroShrink() { document.querySelectorAll('.hero-shrink-section').forEach(function (section) { // Cache at init — not recomputed per-tick (avoids feedback loop) var sectionTop = 0, scrollRange = 0; function measure() { sectionTop = section.getBoundingClientRect().top + window.scrollY; scrollRange = window.innerHeight; // complete in 1 viewport scroll } function update() { if (!scrollRange) return; var p = Math.max(0, Math.min(1, (window.scrollY - sectionTop) / scrollRange)); section.style.setProperty('--p', p.toFixed(4)); } measure(); update(); window.addEventListener('scroll', update, { passive: true }); window.addEventListener('resize', function () { measure(); update(); }, { passive: true }); }); } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', initHeroShrink); } else { initHeroShrink(); } })();
Select the fields to be shown. Others will be hidden. Drag and drop to rearrange the order.
  • Image
  • SKU
  • Rating
  • Price
  • Stock
  • Availability
  • Add to cart
  • Description
  • Content
  • Weight
  • Dimensions
  • Additional information
Click outside to hide the comparison bar
Compare