How to make product gallery vertical in left, and a big image in right? Manually

  • Resolved alexiusgrey

    (@alexiusgrey)


    3 years, 9 months ago

    yiyuiy” rel=”noopener” target=”_blank”>Similar to that

    Static html gallery is not friendly to woocommerce, it’s with data-attributes and ids, I don’t know how to make it dynamic. Maybe somehow with default flex slider? Remove hook, that adds gallery, and to add it with my own hook? I don’t wish to use more plugins – a code please, if it’s possible. The static version is like that.

    
<div class="col-lg-5">
    <div class="product-img">
        <div class="product-img-left product-thumb nice-scroll">
            <a class="pic pic-active" href="#product-1">
                <img src="img/product/thumb-1.jpg" alt="">
            </a>
            <a class="pic" href="#product-2">
                <img src="img/product/thumb-2.jpg" alt="">
            </a>
            <a class="pic" href="#product-3">
                <img src="img/product/thumb-3.jpg" alt="">
            </a>
            <a class="pic" href="#product-4">
                <img src="img/product/thumb-4.jpg" alt="">
            </a>
        </div>
        <div class="product-right">
            <div class="product-slider-big owl-carousel">
                <img data-hash="product-1" class="product-big-img" src="img/product-1.jpg" alt="">
                <img data-hash="product-2" class="product-big-img" src="img/product-3.jpg" alt="">
                <img data-hash="product-3" class="product-big-img" src="img/product-2.jpg" alt="">
                <img data-hash="product-4" class="product-big-img" src="img/product-4.jpg" alt="">
            </div>
        </div>
    </div>
</div>
Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support Gabriel – a11n

    (@gabrielfuentes)

    Hi there ??

    At the moment, there’s no default option for that in WooCommerce, and setting that as the default would require quite a bit of additional coding. Please kindly note that this requires some custom coding – which goes beyond the scope of support we are able to provide in this forum.

    If you do require more help with the actual coding, we’d recommend you hire a developer who can take a look at this, quote you for their services and help you add this feature to your site. We’d recommend getting in touch with a web developer or one of the customization experts listed at https://woocommerce.com/customizations/.

    Cheers!

    Plugin Support Gabriel – a11n

    (@gabrielfuentes)

    We’ve not heard back from you in a while, so I’m marking this thread as resolved.

    Hopefully, you were able to find a solution to your problem! If you have further questions, please feel free to open a new topic.

    Cheers! ??

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How to make product gallery vertical in left, and a big image in right? Manually’ is closed to new replies.