Change single product image on hover with gallery first image

Hey danielromanin,

Thank you for using Enfold.

Do you want to set the second option of the “Hover effect on Overview Pages” as default? You have to modify the config-woocommerce > admin-options.php file, look for this code around line 174:

$elements[] = array("slug"	=> "avia_product_hover",
            "name" 	=> "Hover effect on <strong>Overview Pages</strong>",
            "desc" 	=> "Do you want to display a hover effect on overview pages and replace the default thumbnail with the first image of the gallery?",
            "id" 	=> "_product_hover",
            "type" 	=> "select",
            "std" 	=> "",
            "class" => "avia-style",
            "subtype" => array("Yes - show first gallery image on hover" => 'hover_active', "No hover effect" => ''));

.

Set the “std” parameter to “hover_active”.

"std" 	=> "hover_active",

Best regards,
Ismael

Hi,

You can copy the whole avia_woocommerce_product_elements function in the child theme, rename the function and do your own modifications.

remove_filter( 'avf_builder_elements', 'avia_woocommerce_product_elements', 500, 1 );
add_filter( 'avf_builder_elements', 'avia_woocommerce_product_elements_mod', 500, 1 );

function avia_woocommerce_product_elements_mod( $elements )
{
	$posttype = avia_backend_get_post_type();

    if( ! empty( $posttype ) && $posttype == 'product' )
    {
        $elements[] = array("slug"	=> "avia_product_hover",
            "name" 	=> "Hover effect on <strong>Overview Pages</strong>",
            "desc" 	=> "Do you want to display a hover effect on overview pages and replace the default thumbnail with the first image of the gallery?",
            "id" 	=> "_product_hover",
            "type" 	=> "select",
            "std" 	=> "",
            "class" => "avia-style",
            "subtype" => array("Yes - show first gallery image on hover" => 'hover_active', "No hover effect" => ''));

        $counter = 0;
        foreach( $elements as $element )
        {
            if( $element['id'] == 'sidebar' ) 
			{
				$elements[ $counter ]['required'] = '';
			}
            else if( $element['id'] == 'layout' ) 
            {
	            $elements[ $counter ]['builder_active'] = true;
	           // unset($elements[$counter]);
            }
            $counter++;
        }
    }

	return $elements;
}

Best regards,
Ismaele

Hi,

Try to wrap the remove_filter line inside an after_setup_theme hook.

add_action('after_setup_theme', function() {
    remove_filter( 'avf_builder_elements', 'avia_woocommerce_product_elements', 500, 1 );
}, 10);

And if you want to enable the option by default, look for this line:

"std" 	=> "",

.. and replace it with:

"std" 	=> "hover_active",

Best regards,
Ismael

Hi,

Glad it worked! We’ll forward the request to our channel.

Thank you for your patience.

Best regards,
Ismael