• Resolved emmalouise001

    (@emmalouise001)


    I’ve managed to make the product photos all the same size (thumbnails) on the actual ‘Shop’ page but the ‘all product grid’ I added to my homepage doesn’t follow the same formatting. How do I make the photos the same size? Surely I can do it with a short bit of CSS and I don’t need to re-upload versions of the photos that I’ve manually cropped to the same dimensions? I’m happy for each product’s individual page to have a different sized photo (otherwise I would have to made odd crops/sacrifice some details) but when they’re side-by-side in a grid, I want them to match. When in a grid, I’m not so bothered if some of the image is cropped.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Hi there,

    > managed to make the product photos all the same size (thumbnails) on the actual ‘Shop’ page but the ‘all product grid’ I added to my homepage doesn’t follow the same formatting

    I want to make sure I understand you correctly.
    Can you tell me more how you created the all product grid on your home page?

    In addition, to help understand your site better, could you please share a copy of your site’s System Status? You can find it via WooCommerce > Status.
    Select “Get system report” and then “Copy for support”.? Once you’ve done that, paste it here in your response.

    Thread Starter emmalouise001

    (@emmalouise001)

    Hi Siew,

    Thanks for your help. The product grid is just one of the ‘blocks’ I can add into any page via WooCommerce. This block is just called ‘All Products’ and allows the user to display a certain selection of their products in a grid. The block’s settings I’ve chosen means it displays all 7 of my products.

    And here is my System Status report:

    
    ### WordPress Environment ###
    
    WordPress address (URL): https://houhoubakery.co.uk
    Site address (URL): https://houhoubakery.co.uk
    WC Version: 4.7.1
    REST API Version: ? 4.7.1
    WC Blocks Version: ? 3.6.0
    Action Scheduler Version: ? 3.1.6
    WC Admin Version: ? 1.6.3
    Log Directory Writable: ?
    WP Version: 5.5.3
    WP Multisite: –
    WP Memory Limit: 256 MB
    WP Debug Mode: –
    WP Cron: ?
    Language: en_US
    External object cache: ?
    
    ### Server Environment ###
    
    Server Info: nginx
    PHP Version: 7.3.25
    PHP Post Max Size: 2 GB
    PHP Time Limit: 1200
    PHP Max Input Vars: 6144
    cURL Version: 7.73.0
    OpenSSL/1.1.1d
    
    SUHOSIN Installed: –
    MySQL Version: 5.5.5-10.3.24-MariaDB-log
    Max Upload Size: 2 GB
    Default Timezone is UTC: ?
    fsockopen/cURL: ?
    SoapClient: ?
    DOMDocument: ?
    GZip: ?
    Multibyte String: ?
    Remote Post: ?
    Remote Get: ?
    
    ### Database ###
    
    WC Database Version: 4.7.1
    WC Database Prefix: wp_
    Total Database Size: 5.21MB
    Database Data Size: 3.77MB
    Database Index Size: 1.44MB
    wp_woocommerce_sessions: Data: 0.09MB + Index: 0.02MB + Engine InnoDB
    wp_woocommerce_api_keys: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
    wp_woocommerce_attribute_taxonomies: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
    wp_woocommerce_downloadable_product_permissions: Data: 0.02MB + Index: 0.06MB + Engine InnoDB
    wp_woocommerce_order_items: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
    wp_woocommerce_order_itemmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
    wp_woocommerce_tax_rates: Data: 0.02MB + Index: 0.06MB + Engine InnoDB
    wp_woocommerce_tax_rate_locations: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
    wp_woocommerce_shipping_zones: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
    wp_woocommerce_shipping_zone_locations: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
    wp_woocommerce_shipping_zone_methods: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
    wp_woocommerce_payment_tokens: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
    wp_woocommerce_payment_tokenmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
    wp_woocommerce_log: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
    wp_actionscheduler_actions: Data: 0.02MB + Index: 0.11MB + Engine InnoDB
    wp_actionscheduler_claims: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
    wp_actionscheduler_groups: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
    wp_actionscheduler_logs: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
    wp_commentmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
    wp_comments: Data: 0.02MB + Index: 0.09MB + Engine InnoDB
    wp_links: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
    wp_options: Data: 1.11MB + Index: 0.06MB + Engine InnoDB
    wp_postmeta: Data: 0.31MB + Index: 0.06MB + Engine InnoDB
    wp_posts: Data: 1.48MB + Index: 0.06MB + Engine InnoDB
    wp_termmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
    wp_terms: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
    wp_term_relationships: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
    wp_term_taxonomy: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
    wp_usermeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
    wp_users: Data: 0.02MB + Index: 0.05MB + Engine InnoDB
    wp_wc_admin_notes: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
    wp_wc_admin_note_actions: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
    wp_wc_category_lookup: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
    wp_wc_customer_lookup: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
    wp_wc_download_log: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
    wp_wc_order_coupon_lookup: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
    wp_wc_order_product_lookup: Data: 0.02MB + Index: 0.06MB + Engine InnoDB
    wp_wc_order_stats: Data: 0.02MB + Index: 0.05MB + Engine InnoDB
    wp_wc_order_tax_lookup: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
    wp_wc_product_meta_lookup: Data: 0.02MB + Index: 0.09MB + Engine InnoDB
    wp_wc_reserved_stock: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
    wp_wc_tax_rate_classes: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
    wp_wc_webhooks: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
    
    ### Post Type Counts ###
    
    attachment: 27
    customize_changeset: 80
    custom_css: 1
    jetpack_migration: 2
    jp_img_sitemap: 3
    jp_sitemap: 3
    jp_sitemap_master: 3
    nav_menu_item: 9
    oembed_cache: 2
    page: 9
    post: 4
    product: 9
    revision: 102
    shop_order: 1
    wp_template_part: 2
    
    ### Security ###
    
    Secure connection (HTTPS): ?
    Hide errors from visitors: ?
    
    ### Active Plugins (13) ###
    
    Akismet Anti-Spam: by Automattic – 4.1.7
    AMP: by AMP Project Contributors – 2.0.7
    CoBlocks: by GoDaddy – 2.5.3
    Crowdsignal Forms: by Automattic – 1.3.3
    WordPress.com Editing Toolkit: by Automattic – 2.8.10
    Gutenberg: by Gutenberg Team – 9.4.1
    Jetpack by WordPress.com: by Automattic – 9.2
    Layout Grid: by Automattic – 1.3
    Page Optimize: by Automattic – 0.5.1
    Under Construction: by WebFactory Ltd – 3.83
    WooCommerce Stripe Gateway: by WooCommerce – 4.5.5 – Installed version not tested with active version of WooCommerce 4.7.1
    WooCommerce Shipping & Tax: by Automattic – 1.25.3 – Installed version not tested with active version of WooCommerce 4.7.1
    WooCommerce: by Automattic – 4.7.1
    
    ### Inactive Plugins (4) ###
    
    Classic Editor: by WordPress Contributors – 1.6
    Regenerate Thumbnails: by Alex Mills (Viper007Bond) – 3.1.4
    Smart Image Resize for WooCommerce: by Nabil Lemsieh – 1.4.3 – Installed version not tested with active version of WooCommerce 4.7.1
    WC Custom Add to Cart labels: by Rynaldo Stoltz – 1.3
    
    ### Dropin Plugins (2) ###
    
    advanced-cache.php: advanced-cache.php
    object-cache.php: Memcached
    
    ### Must Use Plugins (1) ###
    
    WP.com Site Helper: by  –
    
    ### Settings ###
    
    API Enabled: –
    Force SSL: –
    Currency: GBP (£)
    Currency Position: left
    Thousand Separator: ,
    Decimal Separator: .
    Number of Decimals: 2
    Taxonomies: Product Types: external (external)
    grouped (grouped)
    simple (simple)
    variable (variable)
    
    Taxonomies: Product Visibility: exclude-from-catalog (exclude-from-catalog)
    exclude-from-search (exclude-from-search)
    featured (featured)
    outofstock (outofstock)
    rated-1 (rated-1)
    rated-2 (rated-2)
    rated-3 (rated-3)
    rated-4 (rated-4)
    rated-5 (rated-5)
    
    Connected to WooCommerce.com: –
    
    ### WC Pages ###
    
    Shop base: #47 - /shop/
    Cart: #48 - /cake-cart/
    Checkout: #49 - /checkout/
    My account: ? Page visibility should be public
    Terms and conditions: ? Page not set
    
    ### Theme ###
    
    Name: Karuna
    Version: 1.2.11-wpcom
    Author URL: https://wordpress.com/themes/
    Child Theme: ? – If you are modifying WooCommerce on a parent theme that you did not build personally we recommend using a child theme. See: How to create a child theme
    WooCommerce Support: ?
    
    ### Templates ###
    
    Overrides: –
    
    ### Action Scheduler ###
    
    Complete: 8
    Oldest: 2020-11-08 12:48:42 +0000
    Newest: 2020-12-03 00:53:01 +0000
    
    
    Thread Starter emmalouise001

    (@emmalouise001)

    Hi,

    Just bumping this up in the hope I can find a solution shortly. Grateful for any suggestions!

    Thanks,
    Emma

    Hi Emma,

    Since you are a WordPress.com customer, you can access live chat by following the instructions at:

    https://en.support.wordpress.com/live-chat/#how-do-i-access-live-chat-support

    In the meantime, I’m going to mark this as resolved.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How to make WooCommerce photos same size in ‘all product grid’?’ is closed to new replies.