WordPress.org

Forums

WooCommerce - excelling eCommerce
category image sizes (getting very frustrated) (6 posts)

  1. level200
    Member
    Posted 1 year ago #

    Hi Guys

    I have added Woocommerce to my theme. Originally I had issues with the sidebar but managed to fix this.
    the main issue that Iam having now is re-sizing the category images (gallery on my site), I have looked over and implemented suggestions from lots of different forums but none are working.

    Would anyone be able to give me some help please. I would like the category images (gallery on my site) to be bigger and fill the space available better. Currently they seem small and squashed towards the left.

    My site: http://www.northernwild.co.uk/index.php/shop/

    Thanks for any help
    John

    https://wordpress.org/plugins/woocommerce/

  2. level200
    Member
    Posted 1 year ago #

    In fact I would like help with making my category page image & text look like the blog page on my site.

    Any thoughts?

  3. Kramarz
    Member
    Posted 1 year ago #

    First of all you should try to use this shortcode on that page:
    [product_categories number="4" parent="0"]

    Then it's the matter of styling using css to match the looks of Blog page :-)
    Note: You either need to set the cropping of featured images in WooCommerce settings to be a 'hardcrop' or use same size images for categories, so they match in size.

    Hope the above helps a bit :-)

  4. level200
    Member
    Posted 1 year ago #

    HI Kramarz

    The Gallery is actually the WooCommerce shop. How would I use a shortcode on there?

  5. Kramarz
    Member
    Posted 1 year ago #

    Oh, right.
    Guess you would need to get a bit dirty then and start to play around functions.php file customisation within your theme.
    There are plenty of functions available to customise the shop layout, for example to change the 'products per row' for shop page, you could try adding this snipet to theme's functions.php

    // Change number or products per row to 4
    add_filter('loop_shop_columns', 'loop_columns');
    if (!function_exists('loop_columns')) {
    function loop_columns() {
    return 4; // 4 products per row
    }
    }

    More info at http://docs.woothemes.com/document/change-number-of-products-per-row/

  6. Kramarz
    Member
    Posted 1 year ago #

    To be honest, depends how skilled you are with html / css / php maybe it would be a good idea to pick a theme that has the styling for WooCommerce pages done to fit nicely with the rest of the pages.

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • WooCommerce - excelling eCommerce
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic

Tags

No tags yet.