Preview Block - jump to image

Modified on Wed, Jun 26 at 5:18 PM

Using Bootstrap Product Layout


Main Layout

Add the following code above the image   <a href="#preview" id="scrolltotop"></a>


<div class="col-md-6">

         <a href="#preview" id="scrolltotop"></a> <BR><BR><BR><BR>

        {ProductImage}

       

        

    </div>


Script to add

 <script>

        function _initPreview() {

        

        var element = document.getElementById('scrolltotop');

        element.scrollIntoView({ behavior: 'smooth' });

        return true;

        }

        </script>

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article