Multiple product views in WooCommerce with rollovers

I am developing an ecommerce site with WooCommerce and I'm trying to add multiple product views that when clicked or on hover, replace the main image. The stock code opens the thumbnails attached...

Woocommerce Thumbnail Image Swap

I am working on a custom WordPress theme and I have added the function of swapping the main image with the thumbnail image on hover see here using the following...

Display additional product information (e.g. image caption) when hovering product image

I'm using using the WooCommerce plugin for WordPress to display my products. The thing is, when you are viewing the product category (archive), you can see the product name, image and price, but...

How to show cart on img hover WP

I have some trouble with image hover idea on my website. Currently, my website is on local server, so I can not share the link. But I hope to explain correct. I use twenty thirteen theme,...

WooCommerce Product Category hover effect

is there a way to implement a custom CSS code, to give the products and categories a hover effect of "lift up" or "bump up" like in this...

Apply hover overlay to Woocommerce archive listing

I am trying to add a hover style to the woocommerce category images on the product page. I've created the following code, which is working, however it's pretty poor as the overlays 'stick on' or...

How to enable hover effect for Woocommerce Shop page

I have two subdomain instances of the same WordPress site (dev & staging) which I'm synchronizing, yet, when rendered to the browser, there's a difference between the two which I cannot seem to...

Jquery, changing image src in a loop. Wordpress

I want to make a script, which will replace any uploaded image to a specfic block to another image via replacing "filename" in src to "1 + filename". Here is a target page:...

How do I flip images on the homepage using "Woocommerce Product Image Flipper" plugin?

I am using the Wordpress plugin "Woocommerce Product Image Flipper" to flip images on hover. It works perfectly on a product category page, but the not on the homepage. How do I make the images...

change magnifier and lightbox image woocommerce

as I'm developing a stock photo site I don't want image theft. I have a watermark solution installed and all product images are watermarked except for the full size. This is the one for download...

jquery.serialize() not working from 2nd page using dataTables Plugin

I am trying to submit woocommerce products fields to cart without page refresh. So I am using jquery serialize() to post the form to the cart. The problem is It only works for the 1st page. If I...

algolia facets automatically hiding products

I am new to algolia, vue and laravel. I am trying to build an e-commerce where I have used facets for filtering down data. The problem here is, whenever I check a specific filter, a certain...

Align item vertically with flex

I have a woocommerce store and all of my product images are with flexbox and align items in mid. I install a plugin which changes the picture on hover, in this class, the align don't work, it...

Add and manage Product custom upload field in Woocommerce 3

I am trying to add a file upload along with radio inputs in a custom woocommerce page; where all the products are showing in a list view. The Custom Page CODE: <?php /* Template Name: Custom...

Inline style background change on hover

As part of a custom WordPress loop I have the following line which calls the post thumbnail as a background via inline CSS. I want the background thumbnail to change on hover. <div...

Woocommerce change product image on hover with CSS

I am trying to change the product image when the user hovers over it, with pure CSS, on the Woocommerce product archive page. In my CSS I am targeting the individual product for hover and covering...

WooCommerce Single product image hover Zoom blinking

I install the WooCommerce additional variation Image on my website and I lose hove zooming however I found one solution for that and added below code in function.php add_action(...

Subtitle not shown in single product page using WooCommerce Product Subtitle plugin

I'm using WooCommerce with Flatsome Theme. I want to add a subtitle to my products. I installed the WooCommerce Product Subtitle plugin and I see the subtitles only at the shop page, but NOT in...

Flip Product image on hover in Woocommerce

With Woocommerce, I've installed the flip product plugin. It shows me a secondary image bellow the primary. I have tried with some CSS and jQuery code to change opacity on hover, but it doesn't...

WooCommerce wrong path to product image

I'm trying to build eCommerce with Wordpress and WooCommerce and got a problem. In Friday everything worked and yesterday and today I launch a project and it cannot display image for the product....

Owl carousel controls duplicated

I have a product image that comes in diferent colors and I'm using owl carousel for the variation. I have a problem,because the variations are only four, but the dots variation are 7. I need that...

Displaying WooCommerce Cart with Variations

I am building a custom theme and trying to create a "Cart" link which, when hovered over, will display a preview of the WooCommerce cart. Using the following code from this...

woocommerce problem to make a product page responsive

Hi and thanks in advance. I have this NSFW site (romance eBooks with some hot images maybe) https://sitetest.wigigx.com/mf-romance/ I managed to create a shortcode and a function to get an excerpt...

displaying the featured image different than the product image

Is it possible to change that behavior on the first time the visitor visit the product page to show the real featured image and only on select variant it will show the image without removing...

Uncode WordPress theme, WooCommerce image flip/change on hover

I'm using the Uncode WordPress theme and I have a small shop part. I want to use some kind of image change on hover for my products, however the Magni Image Flip WooCommerce plugin doesn't work...

I want to change Product Image on Hover in Woocommerce wordpress

I am trying to change my products image on hover in woocommerce in wordpress !!! I tried some plugins I saw like Woocommerce Product Image Flipper & Magni Image Flip for Wocommerce but they are...

Switch product image on hover on WooCommerce archive page

Is there a way (maybe via functions.php) to change the product-image in woocommerce shops (archive page) on hover with the first attached gallery image of the product? I cannot find how to target...

how to change the product title color from woocommerce cart

I have a cart from woocommerce and i would like to change the product title color and hover color, this is the custom css code right now, i want to make a new code to change the title color and...

Align column elements bottom - WordPress CSS

I am using Wordpress with a theme called Flatsome. I know how to use CSS but because of the HTML and CSS Wordpress and the theme creates I have no clue how to fix this. I have one row with three...

WooCommerce: how to disable image zoom?

In WooCommerce we want to disable the product image zoom on hover. I've seen multiple options to do it in the child theme, functions.php. But they all are not working. The child theme function.php...