(Squarespace) How to add a recommended product section to cart page

[tuanphan]

To add a recommended product section to Cart Page, you can do these.

#1. First, edit Site Footer > Add a Summary Block (we will pull Products via Summary Block then add it to Cart Page)

#2. Next, use this code to Code Injection > Footer

<script>
window.addEventListener('DOMContentLoaded', () => {
    if (document.body.id !== 'cart') return;
    
    const moveFooterSummaryBlock = () => {
        const footerSummaryBlock = document.querySelector('footer.sections .summary-v2-block');
        const cartContainer = document.querySelector('.cart-container');
        
        if (footerSummaryBlock && cartContainer && !document.querySelector('.cart-container + .summary-v2-block')) {
            cartContainer.insertAdjacentElement('afterend', footerSummaryBlock);
        }
    };
    
    moveFooterSummaryBlock();
    setTimeout(moveFooterSummaryBlock, 1000);
    setTimeout(moveFooterSummaryBlock, 3000);
    
    const observer = new MutationObserver(() => {
        setTimeout(moveFooterSummaryBlock, 500);
    });
    
    if (document.body) {
        observer.observe(document.body, {
            childList: true,
            subtree: true
        });
    }
});
</script>

#3. Next, use this code to Custom CSS

footer.sections .summary-v2-block {
  display: none !important;
}

#4. Result