1. HOT Be a Pro member & access all our premium Divi extensions, including Divi Block, popular Divi Ultimate Header Plugin, etc.LEARN MORE
Dismiss Notice
NEW Divi Login Customizer Plugin - Instantly get a beautifully crafted login page design for Divi site.
View premade login page design
BEST Divi Block - An online drag & drop tool to easily mix & match 417+ premade blocks (light / dark version), including custom header, fullscreen / slide in mobile menu, mega menu, custom footer, page design blocks, before / after image slider, promo bar, floating button, logo carousel, content toggle, slide in bar, etc.
Learn MoreTry Free Version

Solved DIVI WOOCOMMERCE GALLERY

Discussion in 'Free Divi Community Forum' started by Lauwrens, Mar 27, 2020.

  1. Lauwrens

    Lauwrens Member

    Hello,

    I'm trying to move the gallery which is displayed underneath the woo image module.

    By default, the gallery images are displayed underneath the main content image.

    I would like to know how to move the gallery on the left side and vertically. (see attached images).

    I've attached two images, "default-display-image" is my website. "display-gallery-left-vertically" is the result is would like to achieve.



    Thanks in advance!
     

    Attached Files:

    1. AD Display any template saved in the Divi library as a Shortcode:Learn More
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    Try the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    .et_pb_wc_images .flex-viewport {
        width: 75%;
        display: inline-block;
        margin-left: 5%;
    }
    .flex-control-nav.flex-control-thumbs {
        width: 20%;
        float: left;
        margin-top: 0!important;
    }
    .woocommerce div.product div.images .flex-control-thumbs li {
        width: 100%!important;
    }
     
    Lauwrens likes this.
  3. Steve G

    Steve G New Member


    Hello, this works great. But is there a way to limit the amount thumbnails displayed? Say like 4, and it there is more, there would be a scroll arrow. Most product on our site have 5-10 images, in it really pushes the page down with that many. Thanks in advance.
     
    1. AD Customize the Divi Theme and achieve awesome advanced effects without writing a single line of code:Learn More