LogoLogo
HomeBlogDocsGuides
  • Data Capturing
    • Improve quality of tracking data
    • Server side vs. Client side Tracking
  • Tracking
    • Shopify
      • Add zubi liquid
      • App Embeds
  • Marketing Automation
    • Setup marketing automation
    • Pixels, Tags & Trackers
      • Bundle advertising pixels
      • Integrate Google Analytics 4
      • Send Pixel data to Facebook
    • Attribution
      • Traffic attribution in GA4
      • Improved conversion tracking
    • Audiences
      • Setup dynamic audiences
    • Facebook dynamic product ads
    • Personalized landing pages
    • Remarketing
      • Remarketing with Facebook
      • Remarketing with Google Ads
  • Product Recommendations
    • Setup Recommendations
      • Blocks
      • Design
      • Advanced settings
      • Deploy
        • Javascript
        • Shopify
          • Liquid file
        • Prestashop
          • Positions
        • WooCommerce
          • Use shortcodes
            • Pagebuilder
            • Widget
            • WP Bakery
    • Handle Cache
      • Litespeed Cache
      • Prestashop
      • W3 Total Cache
      • WP Fastest Cache
      • WP Rocket
    • How-to Guides
      • WooCommerce
        • Hide Related Products & Upsell
        • Fix common layout issues
      • Slider fixes
    • Troubleshooting
Powered by GitBook
On this page
  1. Product Recommendations
  2. How-to Guides
  3. WooCommerce

Fix common layout issues

Adjust the number of recommendation according to the theme

The below CSS code will adjust the layout of the recommendations according to your theme design. In this example it is adjusted for a 3 product output (.woocommerce.columns-3), this number should be aligned with your theme settings.

/* Engage rec */
.zlt .woocommerce.columns-3 {
  max-width: 100% !important;
  margin: 0 auto;
}
PreviousHide Related Products & UpsellNextSlider fixes

Last updated 2 years ago