Forum Replies Created
-
Posts
-
Thank you Ismael!
How would I got about using the code for any theme running WooCommerce?I am thinking about adding a tutorial and will add a link to this thread.
Thank you again.Hey Ismael
That looks like it works nicely! Thank you very much!
The steps to get this working for a new person coming across this long thread:
If using the Enfold’s Advance Layout Builder (ALB) then the following needs to be done to get a single product image to change on hover. This will need to manually be done for each image and can not be done automatically from the approach Ismael showed.————–
Go to the product image in the backend.
Click the main image and go to Advanced -> Animation -> Parallax Rules and Image Hover Effect and switch it to “Fade to another image” a little further down select which image it should switch to. Save the product and check the frontend. Hovering over the product image should now switch to the image that was selected.——
Ismael I got one more thing to ask…
Can you also update the older thread showing the code needed? So that anyone whom comes across it can see the code snippet needed to get the general WooCommerce hover product (single, shop, archive) switch to another image.Thank you again!
Hi Ismael
Thank you.
In the steps that Mike added I stopped after adding the code snippet to a code snippet plugin.
I now went to this product: https://labhuset.no/product/fiocchetti-plasma-freezer-10-20c-glass-door/ and in the backend ALB I clicked the main image and went to Advanced -> Animation -> Parallax Rules and Image Hover Effect and switched it to “Fade to another image”. I see there is no option to which image it should switch to though.
Went to check out the product on the frontend and noticed no hover effect.
Hey Mike
Thank you for the code walk through here but it is not what I have been asking about.
1.
The client does not want the gallery image to show on the frontend.2.
The client wants to be able to hover the product image and have it switch to the first gallery image which is not seen on the frontend. The gallery image is only added to the backend product screen.They want it seen like this: https://www.fiocchetti.com/en/products/bloodbanks-4degc?e=275 (on the Single Product image screen.)
There is this older support thread here: https://kriesi.at/support/topic/change-single-product-image-on-hover-with-gallery-first-image/
If Ismael is around can he add the needed code to the older support thread and also add the needed code in this thread?
Hey Mike
I have added a gallery image to one of the Fiocchetti products and will add additional images to other products where I plan on using the code..
Here is what the screen looks like in the backend of the Enfold custom single product screen: https://www.dropbox.com/s/y154n178mrx85yz/Screenshot%202025-03-04%20at%2014.26.45.jpg?st=n7e1k9nw&dl=0
The gallery images will not be visible on the frontend.I am looking for a code snippet to use which will then on hover use the first gallery image instead of the main product image.
Similar to what is done here: https://www.fiocchetti.com/en/products/bloodbanks-4degc?e=275 but mainly for the single product page.I need the code for the shop, archive and the single product page.
Thanks.
Hey Mike
I appologize. I did not mean flip. I meant to change the single product main image for the first gallery image on hover.
So for the single product image. On hover change the main product image for the first gallery image.
+ To do so also for the thumbnails on the Shop and Archive pages.Thanks.
Let us please set this support case on freeze for now.
I am exploring things that are showing up and need a better use case to bring forward.Thank you.
I checked a bit more and it looks like things are working out alright.
Let’s wait a couple of weeks with closing this issue though.
Thank you.I have just had a zoom with one of the designers.
The problem is that making an adjustment in the backend it is not reflected in the frontend.Example:
Notice the second set of images. These are not the same height.
Images are the same height in the backend.There seems to also be other problems related to frontend not showing backend adjustments. I will add on when I hear of additional cases.
Please take a look at the backend of the front page and then look at the frontend.
Thank you.I have done the following to figure out where the problem might be.
– Deactivated all the plugins.
– Hard refreshed the cache multiple times.
– Checked in private windows.
– Checked logged in as another user.Btw for Enfold etc do check this post in relation to WP 6.7
Hey @Guenni007
Thank you for the code. I just switched out the code that I have with the code you mentioned. It went back to an earlier behavior of seeing the search box for a moment before suddenly disappearing. So I pasted back in again the code that I had. I will likely need to explore a mix of the code you mentioned and the code that I have used.
Thanks!
Hey Mike
I took a look again and still see the privacy error.
Btw
I have checked through Brave on a Mac multiple sites that use Enfold.
The various sites show the same error.Hey Ismael
I just checked the above link to Icedrive: https://icedrive.net/s/2kNfTC1vGyA7XajAD9FfAD2iYvP1
I noticed also the Message area for adding a description is also none editable.Hi
It has been taken care of. Not sure what happened but I deactivated and reactivated a few plugins and that helped.
Thank you for being there.
Closing this issue.Hey Mike
I need to circle back to not using any code here. To figure out the bottom line issue happening. Fibo Search should be seen but it is not.
In a not logged in browser window. Upon loading the screen the Fibo Search box is seen for a moment before I noticed a kind of white area cover the everything to the left of the menu. (Seen in the Brave and Firefox browser not logged inn.)From this it looks like the Fibo Search is not a part of the menu. Even though it is added through the menu.
Why is Enfold covering up Fibo Search and how can we handle this in a simple way?
Hi
I had to login in Firefox to be able to Enable/Disable cookie consent messages. As this is not working in Brave on my own computer here. Which I find strange. I am not sure what else to do at this stage.Hi Ismael
Good to hear that it looks alright on your end in Brave.
How do I enable/disable the privacy feature in Enfold? I did not see anything that gave clarity in relation to this.Thank you.
Interesting. I turned off some of the extensions thinking those might impact. I believe the ad blocker by default is on.
It seems a bit weird if that impacts these two fields though.I added a screenshot to my dropbox. Hopefully the link works fine.
https://www.dropbox.com/scl/fi/rg9yj4eneiwrb1jx9gql8/Enfold-Privacy-setting-seen-in-Brave-browser.jpg?rlkey=sw11lkf83a5giyputm3uafdca&st=mpg6clos&dl=0″ alt=”Privacy and Cookies settings in Enfold seen in Brave browser”Redoing the link:
https://icedrive.net/s/2kNfTC1vGyA7XajAD9FfAD2iYvP1Thanks for being there Mike.
Thanks Mike!
I noticed the plugin conflict between Autoptimize and WP Rocket and have left Autoptimize off. No need as you mentioned to have both.
I turned WP Rocket on again and then off but in the Brave (Chrome version) browser I am still seeing the same issue that the Enable cookie consent messages AND the Message fields contain errors. Both fields are hidden so that I can not modify these.Logging in with Firefox both these fields show up as they should,
So the issue here is that Brave is not showing the two fields correctly.
Hi
Thank you for leaving the thread open.
The whole process stopped up with FiboSearch. As I forgot to reply to their message when trying to figure out why the search was slow.
I have added FiboSearch to another site: https://industrihuset.no/
I transferred the same settings from the first site to the second site, but either I forgot something to transfer over or I have to add additional CSS to Enfold as the search bar is there for a second before it disappears perhaps behind the menu. I also will need to move the search bar down to align it with the rest of the menu.Do you have some advice on this? Thank you.
It would help to update the Enfold theme code so that contact form fields are not grey but white on default.
As I do not believe it was changed by myself or anyone else working on the site.Thanks for the help.
I think it is fine to close it.
Hi Ismael
That worked! Adding white to the background color of the fields made it clear where to click to enter information.
I reactivated Autoptimize again and it is working nicely.Hi
To figure out the correct CSS I did the following:
I made the desktop browser small so the Hamburger/mobile menu showed up. I right clicked the background color and selected Inspect (various browsers do something similar but might call it a little different from each other). In Inspect one can see the HTML and the CSS. I looked at the CSS and clicked into the code and added a color to see if that impacted the mobile menu. I end up using this code:@media only screen and (max-width: 989px) { #top #av-burger-menu-ul { vertical-align: top; background: orange !important; } }I made this issue because it would be good to have an easy way when using Enfold to select not to show image title on hover.
It seems that Blocksy and Gutenberg will not display the image title. If I want to include the Image title in an Image block in Gutenberg I would need to open Advanced and add in the title as mentioned by Ismael.Now instead of a customer needing to include code to not show the image title on hover it would be helpful that Enfold itself found a way to handle it without needing the customer to tackle it.
Thank you for the discussion!
Hey
I am using the Brave browser which is a variation of Chrome.
Duckduckgo logo here.https://duckduckgo.com/
Using the Brave browser I do not see any image title on hover when hovering over the logo.I mentioned testing the default theme Twenty Twenty Four on another site here: https://bluewinddesign.com/
I was wrong I am testing the new upcoming theme Twenty Twenty Five and RC1 of WP 6.7
Using Gutenberg. A cover block with an image. It does not show image title on hover. I also added other kinds of blocks below it.
Do you see any image title on hover on any of these?Another site running the theme Blocksy.
Hover over the image used there: https://okosamfunn.no/
Do you see any image title show up?Now for Enfold I have to add JavaScript to remove the image title so it is not seen on hover. Adding JS is not a good approach. As you say the image title should not be removed.
Go to https://wordpress.org/ do any of the images show an image title when you hover the images?
From the exploration above Using the new Twenty Twenty Five upcoming default theme or a Blocksy theme I was not able to see any image title show up on hover. I do with the Enfold theme. Again I am testing using the Brave browser.
Suggestions?
I went to settings in Polylang and deactivated the Media module. All images now seem to be available.
This might mean for different language plugins that one will need to turn OFF the media module if they have something like it is available. To be able to show all the images for multiple languages.
Hi Nikko
I adjusted the php option memory_limit to 512M. The same as is in the wp-config file.
An important aspect of this is that the web host has not known how to handle the various fatal errors and other errors that have shown up when working in the backend. I do not believe the frontend has been impacted but it disturbs the flow when working on the site. The errors have become less over time but they do on occasion still show up. I have also noticed a general sluggish/slowness when working in the backend. This too has somewhat become better.
I have made some updates.
I added this to wp-config file.
define( ‘WP_MEMORY_LIMIT’, ‘512M’ );
define( ‘WP_MAX_MEMORY_LIMIT’, ‘512M’ );—
In the PHP options I changed many of the below values.
allow_url_fopen (is on)
error_reporting (E_ALL)
max_execution_time changed from 30 to 90
max_input_time changed from -1 to 2000
memory_limit 128M (no change)
open_basedir (is blank)
post_max_size changed from 8M to 32M
register_long_arrays (is off)
short_open_tag (is on)
upload_max_filesize changed from 4M to 64MThe site seems better. I do on occasion notice new fatal errors. For instance I noticed a new fatal error which mentioned WP Rocket. I am in contact with support at WP Rocket and have brought it onward to them.
