Secondary Product Image for WooCommerce
Shoppers decide from the catalog page. Secondary Product Image for WooCommerce gives them a second look without a single click: hover a product in your shop, and a second image fades in over the first. Set a dedicated hover image per product, or let the plugin use the product gallery you have already uploaded. It works on the shop page, category and tag archives, search results, related products, and anywhere else your theme lists products. VIEW DEMO Pick a second image, or use the gallery you already have Every product gets a Secondary Product Image box next to the featured image, so you can choose exactly which photo appears on hover: the back of a shirt, a different colourway, the product being worn, a detail shot. Not set one? The plugin falls back to the product gallery automatically, so an existing store gets the hover effect on every product without any editing. You choose whether the fallback is the first or the last gallery image, or whether such products simply show nothing. Three hover behaviours A single second image — the classic image swap. One photo fades in, one fades out. Rotate the gallery — cycle through every gallery image automatically for as long as the shopper hovers, at a speed you set. Previous / next arrows — let shoppers step through the gallery themselves, right in the product grid, without opening the product. Fade, slide or zoom Choose the transition that suits your shop and set its speed in milliseconds. Prefer something instant? Set the speed to zero for a hard swap. Built-in lightbox Turn on the optional lightbox and a button appears on the product image. Click it and the images open full size over the page, with previous and next arrows, keyboard navigation and a counter. Place the button in the centre of the image or in any corner, so it never clashes with your theme’s sale badge. Fast by default Extra gallery images are not downloaded when the page loads. They are fetched the first time a shopper hovers that particular product, so a shop page full of products stays as light as it was before. The effect is also skipped entirely on phones and tablets, where a tap is meant to open the product rather than swap its picture. Those visitors never download the extra images at all. You can switch it on for touch devices if you prefer. Works with your theme Rather than assuming your product images are square, the plugin measures the image it is covering and matches it exactly, so the hover image cannot spill over your titles and prices. It has been built and tested against themes that crop thumbnails to their own ratio. Classic themes and block themes The Products and Product Collection blocks Product grids loaded by AJAX filters or infinite scroll Sale badges and other overlays stay on top of the hover image Keyboard users get the effect too, and it respects “reduce motion” system settings Compatible with WooCommerce High-Performance Order Storage (HPOS) Set it up in a minute All options live under WooCommerce → Settings → Products → Secondary Image, with a live preview so you can try every effect, speed and position before you save anything. Recommended Themes & DEMO Balance Inspiro Inspiro PRO – NEW Additional Resources Grab a free theme WPZOOM website GitHub repository
Top keywords
- product17×3.07%
- image16×2.89%
- gallery8×1.45%
- hover7×1.27%
- products6×1.08%
- set6×1.08%
- page5×0.90%
- effect4×0.72%
- images4×0.72%
- second4×0.72%
- shop4×0.72%
- speed4×0.72%
YITH WooCommerce Featured Video
YITH WooCommerce Featured Video plugin is an extension for the WooCommerce plugin that allows your users to see a YouTube or Vimeo video instead of the featured image of the product detail page. Add the URL of YouTube or Vimeo video in the specific field of the product configuration page and your customers will have the pleasure to watch something dynamic and cutomized. For a more detailed list of options and features of the plugin, please read the official documentation. Languages Also available in: English Italian Installation Once you have installed the plugin, you just need to activate the plugin in order to enable it. Configuration YITH WooCommerce Featured Video will add a new submenu called “Featured Video” in “YIT Plugins” menu. From here you can configure all plugin settings. You will be able to add your video in your products following these steps: Open the configuration page of the product where you want to set the featured video; Set the URL of video in the “Featured Video URL” field, in the “Product Data” box.
Top keywords
- video9×5.14%
- featured6×3.43%
- featured video5×2.86%
- product4×2.29%
- add3×1.71%
- configuration3×1.71%
- page3×1.71%
- url3×1.71%
- woocommerce3×
