Hi!

Add this in the functions.php file:

#
# removes the default post image from shop overview pages and replaces it with this image
#
function avia_woocommerce_thumbnail_mod($asdf)
{
	global $product, $avia_config;
	$rating = $product->get_rating_html(); //get rating

	$id = get_the_ID();
	$size = 'shop_catalog';

	echo "<div class='thumbnail_container'>";
		echo avia_woocommerce_gallery_first_thumbnail( $id , $size);
		echo get_the_post_thumbnail( $id , $size );
		if(!empty($rating)) echo "<span class='rating_container'>".$rating."</span>";
		if($product->product_type == 'simple') echo "<span class='cart-loading'></span>";
	echo "</div>";
}

add_action( 'woocommerce_after_single_product_summary', 'avia_woocommerce_thumbnail_mod' );
remove_action( 'woocommerce_before_single_product_summary', 'woocommerce_show_product_images', 20 );
remove_action( 'woocommerce_before_shop_loop_item_title', 'avia_woocommerce_thumbnail', 20);

Cheers!
Ismael

Hi!

You can add this to the functions.php file:

add_filter( 'image_size_names_choose', 'avia_add_selectable_images' );
function avia_add_selectable_images($sizes) {
	$newsize = array (
		'masonry' => __('Masonry Thumbnail','avia_framework'),
		'magazine' => __('Magazine Thumbnail','avia_framework')
	);

	if(isset($newsize))
	{
		$sizes = array_merge($sizes, $newsize);
	}

	return $sizes;
}

Add existing thumbnail sizes.

Cheers!
Ismael

Hey!

The “2014 JobsCentral” displayed the correct product thumbnail when I checked it on my iPod, safari browser. Is this the only product getting mismatched product image?

Regards,
Ismael

Hi!

Those speed tests force you to use the exact thumbnail size proportionate to their intended size in the browser or container which, in most cases, will compromise the image quality, ratio and proportion. This is not viable when you’re working on responsive containers such as the portfolio grid. However, you can still resize the thumbnails to ensure that the number of unnecessary pixels is minimal, and that your large assets in particular are delivered as close as possible to their display size. You can do that by editing the theme’s preset thumbnail sizes on functions.php:

$avia_config['imgSize']['portfolio'] 		 	= array('width'=>495, 'height'=>400 );						// images for portfolio entries (2,3 column)
$avia_config['imgSize']['portfolio_small'] 		= array('width'=>260, 'height'=>185 );						// images for portfolio 4 columns

Cheers!
Ismael

Hi!

Yes, that is an option if you want to set the featured image manually. If you want to use the default featured image option and get the actual image size, you can resize the blog image thumbnail. Edit function.php, look for this code:

$avia_config['imgSize']['entry_with_sidebar'] 	= array('width'=>845, 'height'=>321);		            	// big images for blog and page entries
$avia_config['imgSize']['entry_without_sidebar']= array('width'=>1210, 'height'=>423 );						// images for fullsize pages and fullsize slider

Adjust the width and height and then regenerate or upload the images as featured image again.

Cheers!
Ismael

Hi Bill!

Please go to Appearance > Editor and open Functions.php file and find

$avia_config['imgSize']['widget'] 			 	= array('width'=>36,  'height'=>36);						// small preview pics eg sidebar news
$avia_config['imgSize']['square'] 		 	    = array('width'=>180, 'height'=>180);		                 // small image for blogs
$avia_config['imgSize']['featured'] 		 	= array('width'=>1500, 'height'=>430 );						// images for fullsize pages and fullsize slider
$avia_config['imgSize']['featured_large'] 		= array('width'=>1500, 'height'=>630 );						// images for fullsize pages and fullsize slider
$avia_config['imgSize']['extra_large'] 		 	= array('width'=>1500, 'height'=>1500 , 'crop' => false);	// images for fullscrren slider
$avia_config['imgSize']['portfolio'] 		 	= array('width'=>495, 'height'=>400 );						// images for portfolio entries (2,3 column)
$avia_config['imgSize']['portfolio_small'] 		= array('width'=>260, 'height'=>185 );						// images for portfolio 4 columns
$avia_config['imgSize']['gallery'] 		 		= array('width'=>845, 'height'=>684 );						// images for portfolio entries (2,3 column)
$avia_config['imgSize']['magazine'] 		 	= array('width'=>710, 'height'=>375 );						// images for magazines
$avia_config['imgSize']['masonry'] 		 		= array('width'=>705, 'height'=>705 , 'crop' => false);		// images for fullscreen masonry
$avia_config['imgSize']['entry_with_sidebar'] 	= array('width'=>845, 'height'=>321);		            	// big images for blog and page entries
$avia_config['imgSize']['entry_without_sidebar']= array('width'=>1210, 'height'=>423 );		

and change as needed. Then please regenerate thumbnails using this plugin – https://wordpress.org/plugins/regenerate-thumbnails/

Cheers!
Yigit

Hi!

Delete the functions-enfold.php file in the child theme and then try to copy the whole avia_post_nav function in the child theme’s functions.php file:

function avia_post_nav($same_category = false, $taxonomy = 'category')
	{
		global $wp_version;
	        $settings = array();
	        $settings['same_category'] = $same_category;
	        $settings['excluded_terms'] = '';
			$settings['wpversion'] = $wp_version;

		//dont display if a fullscreen slider is available since they overlap
		if((class_exists('avia_sc_layerslider') && !empty(avia_sc_layerslider::$slide_count)) ||
			class_exists('avia_sc_slider_full') && !empty(avia_sc_slider_full::$slide_count) ) $settings['is_fullwidth'] = true;

		$settings['type'] = get_post_type();
		$settings['taxonomy'] = ($settings['type'] == 'portfolio') ? 'portfolio_entries' : $taxonomy;

		if(!is_singular() || is_post_type_hierarchical($settings['type'])) $settings['is_hierarchical'] = true;
		if($settings['type'] === 'topic' || $settings['type'] === 'reply') $settings['is_bbpress'] = true;

	        $settings = apply_filters('avia_post_nav_settings', $settings);
	        if(!empty($settings['is_bbpress']) || !empty($settings['is_hierarchical']) || !empty($settings['is_fullwidth'])) return;

	        if(version_compare($settings['wpversion'], '3.8', '>=' ))
	        {
	            $entries['next'] = get_previous_post($settings['same_category'], $settings['excluded_terms'], $settings['taxonomy']);
	            $entries['prev'] = get_next_post($settings['same_category'], $settings['excluded_terms'], $settings['taxonomy']);
	        }
	        else
	        {
	            $entries['next'] = get_previous_post($settings['same_category']);
	            $entries['prev'] = get_next_post($settings['same_category']);
	        }

		$entries = apply_filters('avia_post_nav_entries', $entries, $settings);
        $output = "";

		foreach ($entries as $key => $entry)
		{
            if(empty($entry)) continue;
			$the_title 	= isset($entry->av_custom_title) ? $entry->av_custom_title : avia_backend_truncate(get_the_title($entry->ID),75," ");
			$link 		= isset($entry->av_custom_link)  ? $entry->av_custom_link  : get_permalink($entry->ID);
			$image 		= isset($entry->av_custom_image) ? $entry->av_custom_image : get_the_post_thumbnail($entry->ID, 'thumbnail');

            $tc1   = $tc2 = "";
            $class = $image ? "with-image" : "without-image";

            $output .= "<a class='avia-post-nav avia-post-{$key} {$class}' href='{$link}' >";
		    $output .= "    <span class='label iconfont' ".av_icon_string($key)."></span>";
		    $output .= "    <span class='entry-info-wrap'>";
		    $output .= "        <span class='entry-info'>";
		    $tc1     = "            <span class='entry-title'>{$the_title}</span>";
if($image)  $tc2     = "            <span class='entry-image'>{$image}</span>";
            $output .= $key == 'prev' ?  $tc1.$tc2 : $tc2.$tc1;
            $output .= "        </span>";
            $output .= "    </span>";
		    $output .= "</a>";
		}
		return $output;
	}

Regards,
Ismael

Hey!

If you want to add all thumbnails in the drop down list, you can edit functions.php. Look for this code:

$avia_config['selectableImgSize'] = array(
	'square' 				=> __('Square','avia_framework'),
	'featured'  			=> __('Featured Thin','avia_framework'),
	'featured_large'  		=> __('Featured Large','avia_framework'),
	'portfolio' 			=> __('Portfolio','avia_framework'),
	'gallery' 				=> __('Gallery','avia_framework'),
	'entry_with_sidebar' 	=> __('Entry with Sidebar','avia_framework'),
	'entry_without_sidebar'	=> __('Entry without Sidebar','avia_framework'),
	'extra_large' 			=> __('Fullscreen Sections/Sliders','avia_framework'),
);

Above that, you can find the list of thumbnails available in the theme. You can register the other thumbnails in the $avia_config[‘selectableImgSize’] array.

Best regards,
Ismael

Hey!

O WordPress’in genel resim boyutlari icin, o ayarlari degistirmenize gerek yok. Araclar > Regenerate Thumbnails bolumune gidip ordan “regenerate thumbnails” butonuna tiklamaniz lazim :)

Regards,
Yigit

Merhabalar

WooCommerce > Settings > Products > Display alanina giderek urun resim boyutlarini degistirebilirsiniz. Sonrasinda lutfen bu eklentiyi kullanarak gorsellerin boyutlarini yeni girdiginiz boyutlara cevirin – https://wordpress.org/plugins/regenerate-thumbnails/

Best regards,
Yigit

Hi!

Add this in the Quick CSS field to fix the thumbnails:

.lightbox {
  position: relative !important;
}

The lightbox plugin overrides the default thumbnail style.

Regards,
Ismael