My product image size is height 1600 x width 600. i can show scrolling image like this website on single product page.
https://envato.com/websites/designs/web-marketing-studio/372e82a3-0b96-4885-b066-88aceb37346d
-
Your question is not clear... What you want exactly ? The link doesn't describe anything– Md. Amanur RahmanOct 16, 2017 at 18:15
-
please open the link and see product image scrolling feature . goo.gl/p8s2Zd . i can create image like this– user129727Oct 16, 2017 at 18:18
-
Yes.. It's a simple website with basic layout image text etc.. you give me a screenshot that you want like that– Md. Amanur RahmanOct 16, 2017 at 18:30
-
ok got it.. You meant the monitor has an image with scroll.. ok then I am adding answer here– Md. Amanur RahmanOct 16, 2017 at 18:31
-
i can create image scrolling like this product. this product image scrolling in laptop screen– user129727Oct 16, 2017 at 18:32
|
Show 1 more comment
1 Answer
You simply need to set a height of the containing element that contain the image. And then set that element in css to overflow-y: scroll in the css. Just basic. Then your image will be shown using scroll..
More specifically for woocommerce .. you can set this css to your style.css
.product-images{overflow-y:scroll; background:url(yourimageurl) no-repeat; width:widthof the image height: height of the background image}
answered Oct 16, 2017 at 18:33
-
just past your css code in style.css file . the product image start scrolling ? Oct 16, 2017 at 18:41
-
-
-