![Check out Enfold](https://kriesi.at/wp-content/themes/kriesi/images/banner-enfold.jpg)
Tagged: enfold, full width image, product category page
-
AuthorPosts
-
October 7, 2014 at 12:30 pm #331520
Hello,
I am trying to place a full width image on our various product category pages. However, every image I try to place is limited the right side of the screen. I really want the image to be full width just below the header, like with the full width slider. How do I go about doing this?
Thank you,
WendyOctober 8, 2014 at 4:35 am #332090Hey johniem!
Thank you for using Enfold.
You’re using a small category image. Width of the image should be at least 900px.
Regards,
IsmaelOctober 8, 2014 at 9:41 am #332218Hi Ismael,
Thank you. But if I use a big category image, will the images on the category overview page be that wide as well? Ideally I want to have small thumbnails on the category overview page and a big widescreen image just below the header on each of the various category pages. Is this possible?
Edit: if I change the image width to full width, it still does not change position. I’d like it to be below the header and stretching from one end of the screen to the other, like this: http://www.bikecap.com/nl/pillow.html So the image is above the main content and sidebar. Is this possible?
-
This reply was modified 9 years, 11 months ago by
johniem.
October 10, 2014 at 9:29 am #333746I’d really appreciate a reply to my question: this part of the design is really taking up a lot of time and I’d like to know if it’s at all possible to have a big image on the product category page like this: http://www.bikecap.com/nl/pillow.html
Thanks,
WendyOctober 11, 2014 at 9:23 am #334222Hi!
If you want to change the layout of the category page featured image, you can edit config-woocommerce > config.php. Find this code on line 718:
if(is_product_category()) { global $wp_query; $image = ""; if(isset($wp_query->query_vars['taxonomy'])) { $term = get_term_by( 'slug', get_query_var($wp_query->query_vars['taxonomy']), $wp_query->query_vars['taxonomy']); if(!empty($term->term_id)) { $attachment_id = get_woocommerce_term_meta($term->term_id, 'thumbnail_id'); if(!empty($attachment_id)) { $image = wp_get_attachment_image( $attachment_id, $image_size, false, array('class'=>'category_thumb')); if($image) echo "<div class='page-thumb'>{$image}</div>"; } } } }
This is line of code is specifically responsible for the category featured image:
if($image) echo "<div class='page-thumb'>{$image}</div>";
Cheers!
Ismael -
This reply was modified 9 years, 11 months ago by
-
AuthorPosts
- You must be logged in to reply to this topic.