1. HOT Be a Pro member & access all our premium Divi extensions, including the popular Divi Block - Pro Version & many more.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 Free download for Divi Mobile Bar Plugin: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 Power up your Divi sites with tons of new functionalities:Learn More