0

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
6
  • Your question is not clear... What you want exactly ? The link doesn't describe anything Oct 16, 2017 at 18:15
  • please open the link and see product image scrolling feature . goo.gl/p8s2Zd . i can create image like this
    – user129727
    Oct 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 Oct 16, 2017 at 18:30
  • ok got it.. You meant the monitor has an image with scroll.. ok then I am adding answer here Oct 16, 2017 at 18:31
  • i can create image scrolling like this product. this product image scrolling in laptop screen
    – user129727
    Oct 16, 2017 at 18:32

1 Answer 1

1

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}
4
  • just past your css code in style.css file . the product image start scrolling ?
    – user129727
    Oct 16, 2017 at 18:41
  • i can scrolling image in monitor on single product page.
    – user129727
    Oct 16, 2017 at 18:42
  • Well ........ you are not clear what you need exactly.. Oct 16, 2017 at 18:42
  • i want similar products image scrolling function. goo.gl/p8s2Zd
    – user129727
    Oct 16, 2017 at 18:58

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.