Hi Rikard,
got it. Solved the problem. I found following code in the functions.php of my child-theme. I removed it. Now the single product pages are okay. Do you think deleting this part of the code will be a problem in future?
Best regards,
Sonja

/* Woocommerce 3.0.0 Compatibility Fix
Remove Enfold’s custom functions that conflict with the new image display in WooCommerce 3.0.0*/
global $woocommerce;
if( version_compare( $woocommerce->version, ‘3.0.0’, “>=” ) ) {
function avia_woocommerce_gallery_thumbnail_description($img, $attachment_id, $post_id, $image_class ) {
return $img;
}
function avia_woocommerce_post_thumbnail_description($img, $post_id){
return $img;
}
}

add_action( ‘after_setup_theme’, ‘mmx_avia_woocommerce_settings’ );
function mmx_avia_woocommerce_settings(){
global $avia_config;
$avia_config[‘shop_single_column_items’] = 5;
$avia_config[‘shop_single_column’] = 5;
}

add_filter(‘woocommerce_format_content’, ‘yanco_remove_inline_terms’, 10, 2);
function yanco_remove_inline_terms( $apply_filters, $raw_string ) {
if( is_checkout() ) {
return ”;
}
return $apply_filters;
}

Hi cg,

thank you very much for the guideline, your the men! Since I am personally not smart enough to code, I sadly cant follow all of the steps . After one eternity I found the code, but its verrrry long and i have now idea what to do and where.

Could someone from the enfold team maybe help out?

I really appreciate your help cg but i understand you have a familie and cant hold hand with me here ;)
This is the code i found:

if (!class_exists(‘avia_newsbox’)) { class avia_newsbox extends WP_Widget { var $avia_term = ”; var $avia_post_type = ”; var $avia_new_query = ”; function __construct() { $widget_ops = array(‘classname’ => ‘newsbox’, ‘description’ => __(‘A Sidebar widget to display latest post entries in your sidebar’, ‘avia_framework’) ); parent::__construct( ‘newsbox’, THEMENAME.’ Latest News’, $widget_ops ); } function widget($args, $instance) { global $avia_config; extract($args, EXTR_SKIP); echo $before_widget; $title = empty($instance[‘title’]) ? ” : apply_filters(‘widget_title’, $instance[‘title’]); $count = empty($instance[‘count’]) ? ” : $instance[‘count’]; $cat = empty($instance[‘cat’]) ? ” : $instance[‘cat’]; $excerpt = empty($instance[‘excerpt’]) ? ” : $instance[‘excerpt’]; $image_size = isset($avia_config[‘widget_image_size’]) ? $avia_config[‘widget_image_size’] : ‘widget’; if ( !empty( $title ) ) { echo $before_title . $title . $after_title; }; if(empty($this->avia_term)) { $additional_loop = new WP_Query(“cat=”.$cat.”&posts_per_page=”.$count); } else { $catarray = explode(‘,’, $cat); if(empty($catarray[0])) { $new_query = array(“posts_per_page”=>$count,”post_type”=>$this->avia_post_type); } else { if($this->avia_new_query) { $new_query = $this->avia_new_query; } else { $new_query = array( “posts_per_page”=>$count, ‘tax_query’ => array( array( ‘taxonomy’ => $this->avia_term, ‘field’ => ‘id’, ‘terms’ => explode(‘,’, $cat), ‘operator’ => ‘IN’) ) ); } } $additional_loop = new WP_Query($new_query); } if($additional_loop->have_posts()) : echo ‘<ul class=”news-wrap image_size_’.$image_size.'”>’; while ($additional_loop->have_posts()) : $additional_loop->the_post(); $format = “”; if(empty($this->avia_post_type)) $format = $this->avia_post_type; if(empty($format)) $format = get_post_format(); if(empty($format)) $format = ‘standard’; $the_id = get_the_ID(); $link = get_post_meta( $the_id ,’_portfolio_custom_link’, true) != “” ? get_post_meta( $the_id ,’_portfolio_custom_link_url’, true) : get_permalink(); echo ‘<li class=”news-content post-format-‘.$format.'”>’; //check for preview images: $image = “”; if(!current_theme_supports(‘force-post-thumbnails-in-widget’)) { $slides = avia_post_meta(get_the_ID(), ‘slideshow’, true); if( $slides != “” && !empty( $slides[0][‘slideshow_image’] ) ) { $image = avia_image_by_id($slides[0][‘slideshow_image’], $image_size, ‘image’); } } if(current_theme_supports( ‘post-thumbnails’ ) && !$image ) { $image = get_the_post_thumbnail( $the_id, $image_size ); } $time_format = apply_filters( ‘avia_widget_time’, get_option(‘date_format’).” – “.get_option(‘time_format’), ‘avia_newsbox’ ); echo ““; $nothumb = (!$image) ? ‘no-news-thumb’ : ”; echo “<span class=’news-thumb $nothumb’>”; echo $image; echo “</span>”; if(empty($avia_config[‘widget_image_size’]) || ‘display title and excerpt’ != $excerpt) { echo “<strong class=’news-headline’>”.get_the_title(); if($time_format) { echo “<span class=’news-time’>”.get_the_time($time_format).”</span>”; } echo ““; } echo ““; if( ‘display title and excerpt’ == $excerpt ) { echo “<div class=’news-excerpt’>”; if(!empty($avia_config[‘widget_image_size’])) { echo ““; echo “<strong class=’news-headline’>”.get_the_title().”“; echo ““; if($time_format) { echo “<span class=’news-time’>”.get_the_time($time_format).”</span>”; } } the_excerpt(); echo “</div>”; } echo ‘‘; endwhile; echo ““; wp_reset_postdata(); endif; echo $after_widget; } function update($new_instance, $old_instance) { $instance = $old_instance; $instance[‘title’] = strip_tags($new_instance[‘title’]); $instance[‘count’] = strip_tags($new_instance[‘count’]); $instance[‘excerpt’] = strip_tags($new_instance[‘excerpt’]); $instance[‘cat’] = implode(‘,’,$new_instance[‘cat’]); return $instance; } function form($instance) { $instance = wp_parse_args( (array) $instance, array( ‘title’ => ”, ‘count’ => ”, ‘cat’ => ”, ‘excerpt’=>” ) ); $title = strip_tags($instance[‘title’]); $count = strip_tags($instance[‘count’]); $excerpt = strip_tags($instance[‘excerpt’]); $elementCat = array(“name” => __(“Which categories should be used for the portfolio?”, ‘avia_framework’), “desc” => __(“You can select multiple categories here”, ‘avia_framework’), “id” => $this->get_field_name(‘cat’).”[]”, “type” => “select”, “std” => strip_tags($instance[‘cat’]), “class” => “”, “multiple”=>6, “subtype” => “cat”); //check if a different taxonomy than the default is set if(!empty($this->avia_term)) { $elementCat[‘taxonomy’] = $this->avia_term; } $html = new avia_htmlhelper(); ?> <p><label for=”<?php echo $this->get_field_id(‘title’); ?>”><?php _e(‘Title:’, ‘avia_framework’); ?> <input class=”widefat” id=”<?php echo $this->get_field_id(‘title’); ?>” name=”<?php echo $this->get_field_name(‘title’); ?>” type=”text” value=”<?php echo esc_attr($title); ?>” /></label></p> <p> <label for=”<?php echo $this->get_field_id(‘count’); ?>”><?php _e(‘How many entries do you want to display: ‘, ‘avia_framework’); ?></label> <select class=”widefat” id=”<?php echo $this->get_field_id(‘count’); ?>” name=”<?php echo $this->get_field_name(‘count’); ?>”> <?php $list = “”; for ($i = 1; $i <= 20; $i++ ) { $selected = “”; if($count == $i) $selected = ‘selected=”selected”‘; $list .= “<option $selected value=’$i’>$i</option>”; } $list .= “</select>”; echo $list; ?> </p> <p><label for=”<?php echo $this->get_field_id(‘cat’); ?>”><?php _e(‘Choose the categories you want to display (multiple selection possible):’, ‘avia_framework’); ?> <?php echo $html->select($elementCat); ?> </label></p> <p> <label for=”<?php echo $this->get_field_id(‘excerpt’); ?>”><?php _e(‘Display title only or title & excerpt’, ‘avia_framework’); ?></label> <select class=”widefat” id=”<?php echo $this->get_field_id(‘excerpt’); ?>” name=”<?php echo $this->get_field_name(‘excerpt’); ?>”> <?php $list = “”; $answers = array( ‘show title only’ => __( ‘show title only’, ‘avia_framework’ ), ‘display title and excerpt’ => __(‘display title and excerpt’, ‘avia_framework’) ); foreach ( $answers as $key => $answer ) { $selected = “”; if( $key == $excerpt ) $selected = ‘selected=”selected”‘; $list .= “<option $selected value=’$key’>$answer</option>”; } $list .= “</select>”; echo $list; ?> </p> <?php } } }

• This reply was modified 7 years, 3 months ago by Nu-Vision.

Hi Mike

I’m not sure whether it is complete. I got the code from here

But it’s working OK for me. (although not so good in Firefox on a Mac)

Many Thanks
Regards
Colin

Hi Mike

Thanks for your reply

I’m not using a plug-in for the product images just the standard Woocommerce product page with Woocommerce 3 gallery as set-up in the Enfold settings See image here

I tried adding the code above but nothing appeared, except if I change the shop option to “Default Enfold Gallery” and then it shows 1 caption for the main image. My client wants the caption to change when the image changes, so he can reference the product code for each image.

I’m not sure why nothing works

The only thing I can get to work is the following code. which puts the caption above the image. When you click on each image the caption changes but the image moves down the page a bit further each time you click the next image.

add_filter('woocommerce_single_product_image_thumbnail_html', 'thumb_add_caption', 10, 4 );
function thumb_add_caption( $html, $id, $parent, $class) {
   $attachment = get_post( $id );
   $img_cap = "<div class=\"img-cap\"><span class=\"cap-text\">{$attachment->post_excerpt}</span></div>$html";
   return $img_cap;
}

Many Thanks
Regards
Colin

Hi Mike

Thanks for your reply. That is very close to what we need. however, we are using the Woocommerce 3.0 Product Galley for this site but the CSS only seems to work with the Enfold gallery. We don’t want to change to the Enfold Gallery but if we do the descriptions show on the main image and the first thumbnail image See sample

Many Thanks
Regards
Colin

They are all created in Default editor . . . is it possible then for me to have thumbnail images show on my Blog Posts Page and in the themselves?

J

I have featured images set on all posts already, but they don’t show up on mobile Blog Posts Page or individual posts. Are you saying I could manually create another version of all of my posts (150ish published, and another 105 waiting)with a picture in the body of the post itself? I could do that only for the posts that reference the images, but then my presentation would be inconsistent to the user (some would have pix, some would not–on mobile).
Is there not a way to change the mobile view to have the featured image as a thumbnail on Blog Posts Page and Single Posts? (on mobile devices–tablets and desktop/laptop already does this).

J

Thank you! The only problem is that the blurry images apply to all product images,and there are a lot of them. Can’t I just regenerate thumbnails after putting in the above code or do I really have to upload all images again?

Thanks!

Thanks Victoria, I can find the js file but I don’t know what I need to add or edit to make the testimonials speed slower. Please can you assist? This is the current js:

(function($)
{
“use strict”;

// ——————————————————————————————-
// testimonial shortcode javascript
// ——————————————————————————————-

$.fn.avia_sc_testimonial = function(options)
{
return this.each(function()
{
var container = $(this), elements = container.find(‘.avia-testimonial’);

//trigger displaying of thumbnails
container.on(‘avia_start_animation’, function()
{
elements.each(function(i)
{
var element = $(this);
setTimeout(function(){ element.addClass(‘avia_start_animation’) }, (i * 150));
});
});
});
}

}(jQuery));