Hello,
Three questions please – (perhaps one should actually be in a different post?)
1. I want to do the same as webbee – modify the child functions.php file to change image sizes. Do I understand correctly from this thread that this is not possible right now? I def. prefer not to add plugins unless absolutely necessary, but it sounds like the parent functions.php had to be modified. Yes or no? If so, how do I do this and will I lose the change with an update?

2. You said above “You have to put your code in the child theme in an action hook:” If I post the code (I’ve copied in below) into the child functions.php file – exactly what needs to be posted with it to make it override the parent?

I changed to Enfold from another theme (loving it so far) and know that I need to regenerate the thumbnails, but I would like to set and test sizes. I want to test with how big images can be without slowing down site and see how various options look before making a decision about the final layout. Last question may belong in another post, but I can’t find search results that address it and this is what I hope to do with the child theme…

3. Since my site features video and websites, I want proportions to be (at least roughly) 16:9 for all thumbs/images associated with the video category, post format and specific tags. (It would be cool to have 4:3 or even square for the website items, but I can live without that if needed.) The site is small/new enough that I can delete and re-upload images if necessary, because speed on mobile vs great looking video is the decision I am facing when I select optimal sizes.

I’m starting with 1920X1080 images (or could use 1280X720) as large screen shots for videos, but can anyone advise/explain what – if anything – will happen to the responsive/mobile version if I start changing the proportion here?
I did find the section (copied below) in the parent functions file that I assume I would need to modify:

/*
 * Register additional image thumbnail sizes
 * Those thumbnails are generated on image upload!
 *
 * If the size of an array was changed after an image was uploaded you either need to re-upload the image
 * or use the thumbnail regeneration plugin: http://wordpress.org/extend/plugins/regenerate-thumbnails/
 */

$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'=>710, 'height'=>575 );    // 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'=>710, 'height'=>270);   // big images for blog and page entries
$avia_config['imgSize']['entry_without_sidebar']= array('width'=>1030, 'height'=>360 );   // images for fullsize pages and fullsize slider

//overwrite blog and fullwidth image on extra large layouts
if(avia_get_option('responsive_layout') == "responsive responsive_large")
{
     $avia_config['imgSize']['gallery']  = array('width'=>845, 'height'=>684 );  // images for portfolio entries (2,3 column)
     $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
}

Is there an easier/simpler way to approach this? Anyone else doing mostly video who has a solution?
Thanks so much for any assistance with this.

• This reply was modified 11 years, 7 months ago by siestajoye.

Hi Gurify!

Yes, Kriesi uses a hook to change the html structure of the products a bit. With

add_action( 'woocommerce_before_shop_loop_item', 'avia_shop_overview_extra_div', 5);

Enfold adds an extra div between the li element and the product link (a element) of the default product loop – see default template here: https://github.com/woothemes/woocommerce/blob/master/templates/content-product.php which outputs the link with:

<li <?php post_class( $classes ); ?>>
<?php do_action( 'woocommerce_before_shop_loop_item' ); ?>
<a href="<?php the_permalink(); ?>">
<?php
/**
* woocommerce_before_shop_loop_item_title hook
*
* @hooked woocommerce_show_product_loop_sale_flash - 10
* @hooked woocommerce_template_loop_product_thumbnail - 10
*/
do_action( 'woocommerce_before_shop_loop_item_title' );
?>
<h3><?php the_title(); ?></h3>
<?php
/**
* woocommerce_after_shop_loop_item_title hook
*
* @hooked woocommerce_template_loop_rating - 5
* @hooked woocommerce_template_loop_price - 10
*/
do_action( 'woocommerce_after_shop_loop_item_title' );
?>
</a>
<?php do_action( 'woocommerce_after_shop_loop_item' ); ?>
</li>

The “woocommerce_before_shop_loop_item_title” hook is used to add the featured thumbnail and the buttons to the product loop (see code you posted in your post).

Is there a way to use the shortcode for a slider or similar and make it works inside the product template?
Yes, if you rewrite the code. However it’s not easy and probably requires some hours of work because you need to find a way to set the slideshow images, etc. Basically you need to replace the featured image function with do_shortcode(): http://codex.wordpress.org/Function_Reference/do_shortcode to execute the slideshow shortcode – i.e. replace:

echo get_the_post_thumbnail( $id , $size );

with

echo do_shortcode( '[YOUR SORTCODE]' );

and replace [YOUR SORTCODE] with the slideshow shortcode. The hard part is to generate the slideshow shortcode/content dynamically for each post.

Best regards,
Peter

Hi Ti7V!

Try to replace this code in enfold/config-templatebuilder/avia-shortcodes/magazine.php:

			if($style == 'small')
			{
				if(empty($this->atts['thumbnails']))
				{
					 $image = "";
					 $extraClass = "av-magazine-no-thumb";
				}
			}
			else
			{
				$excerpt = !empty($entry->post_excerpt) ? $entry->post_excerpt : avia_backend_truncate($entry->post_content, apply_filters( 'avf_magazine_excerpt_length' , 60) , apply_filters( 'avf_magazine_excerpt_delimiter' , " "), "…", true, '');
			}

with:

			if($style == 'small')
			{
				if(empty($this->atts['thumbnails']))
				{
					 $image = "";
					 $extraClass = "av-magazine-no-thumb";
				}
			}

				$excerpt = !empty($entry->post_excerpt) ? $entry->post_excerpt : avia_backend_truncate($entry->post_content, apply_filters( 'avf_magazine_excerpt_length' , 60) , apply_filters( 'avf_magazine_excerpt_delimiter' , " "), "…", true, '');

Best regards,
Peter

Hey!

Die Thumbnails könnt ihr mit diesem CSS Code größer darstellen:

#top #wl-wrapper table.wl-table img {
    width: 120px;
}

Ansonsten können wir leider beim Anpassen des Plugin Designs nicht umfassend helfen. Das ist einfach bei einem Theme Preis von 55$ nicht drinnen. Ich empfehle daher einen Entwickler damit zu beauftragen das Layout anzupassen, wenn euch das Design des Wunschzettels bzw der Editorseite nicht gefällt. Mit dem Code den ich vorher geposted habe sieht zumindest die Übersichtsseite: https://bildmanufaktur-wackernah.de/my-lists/view-a-list/?wlid=22395&preview=true ansehnlich aus.

Best regards,
Peter