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%
TablePress – Tables in WordPress made easy
Boost your website with feature-rich tables that your visitors will love! TablePress is the most popular and highest-rated WordPress table plugin. Easily create, edit, and manage beautiful and modern data tables, from simple price lists to searchable directories, product and model tables, inventories, schedules, and research datasets. Add live sorting, pagination, searching, and other interactive features that help visitors find what they’re looking for on any device. Use any type of data and enrich your tables with images, links, and even math formulas. Import and export tables from/to Excel, CSV, HTML, and JSON files or URLs, including spreadsheet data from Google Sheets, Excel Online, and files stored on Dropbox or OneDrive. Embed tables into posts, pages, or other site areas using the block editor, an Elementor widget, or Shortcodes. All with no coding knowledge needed! Even more great features for you and your site’s visitors and priority email support are available with a Premium license plan of TablePress. Go check them out! Common use cases TablePress will handle a wide range of tables, from simple price lists to searchable directories and large datasets. Popular examples include: Product and model tables Service and price lists Directories and listings Schedules and timetables Participant and member lists Inventories and collections Comparison tables Research and statistical data Accessible and SEO-friendly tables TablePress creates accessible HTML tables whose content can be searched by visitors, WordPress search, and search engines alike. Interactive features like sorting, filtering, and pagination include accessibility enhancements for screen readers and other assistive technologies. This makes it easy for visitors to find relevant information, whether they are browsing a large directory, searching a product table, or using your site’s search function. More information Visit tablepress.org for more information, take a look at example tables, or try TablePress on a free test site. For latest news, follow @TablePress on Twitter/X or subscribe to the TablePress Newsletter. How to use TablePress After installing the plugin, you can create and manage tables on the “TablePress” screen in the WordPress Dashboard. To insert a table into a post or page, add a “TablePress table” block in the block editor or a widget in the Elementor page builder and select the desired table or use Shortcodes with other page builders. Beginner-friendly step-by-step tutorials, guides, and how-tos show how to achieve common and popular tasks with TablePress. You can find examples for common styling changes via “Custom CSS” code on the TablePress FAQ page. You may also add features like sorting, pagination, searching, filtering, alternating row colors, row highlighting, and more by enabling the corresponding options on a table’s “Edit” screen. Premium features Need additional functionality for larger tables or advanced use cases? Premium license plans for TablePress add features such as: Options for responsive tables Advanced filtering and search Fixed table headers and columns Automatic periodic imports Custom styling options And much more Priority email support is also included. Check out the details on the TablePress website.
