Tagged: , ,

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #12983

    Hi there,

    I would like to display a bigger size of the product category image that shows just above the breadcrumbs.

    Right now it is 80 x 80 by default, how can I display a bigger one? Let’s say 150 x 150 ?

    Thanks a lot for your help,



    Hi Rhai,

    This would involve a lot of code and you will need to change some css as the site would look messy if the product category image is set larger. Anyways, this should help you with it. Kindly go to: wp-contentthemesabundancewoocommerce-configconfig.php and find this code:

    $image = wp_get_attachment_image( $attachment_id, 'thumbnail', false, array('class'=>'category_thumb'));

    and replace it with this:

    $image = wp_get_attachment_image( $attachment_id, 'category_thumb', false, array('class'=>'category_thumb'));

    Then go to: wp-contentthemesabundancefunctions.php and find:

    $avia_config['imgSize']['slide_thumbs'] = array('width'=>210, 'height'=>100); // small preview pic for slideshow thumbs

    add this code just below it:

    $avia_config['imgSize']['category_thumb'] = array('width'=>150, 'height'=>150);

    This code sets the images height and width to 150px.

    Then add this code in your Quick CSS or custom.css:

    .title_container .category_thumb {
    max-width: 150px;

    This code limits the size of the image, it can be set lower (default is 40px). Just change this size and adjust some css as the image will overlap. Hope this helps. :)



Viewing 2 posts - 1 through 2 (of 2 total)

The topic ‘Bigger Product Category Image’ is closed to new replies.