Codeless
  • Support Home
  • Themes
  • Support
  • WordPress Tutorials
    • How to Start a Blog
    • Best Website Builders
    • Best Small Business Hosting
    • Email Marketing Services
    • Cheap WordPress Hosting
  • Video Tutorials

Community Forums

WooCommerce Product Image Size

    • 6 years, 9 months ago alpenzone
      Participant

      Expired

      How do I change the WooCommerce Product Image size please?  This is the product image size that you first see when you view product listing.  Ideally I would also like to change the size of the image that you see when you click on a product for more information.  At the moment both image sizes are quite large and I would to reduce them.

    • 6 years, 9 months ago alpenzone
      Participant

      Expired

      I found out you can customise the images by going to Customise – WooCommerce – Product Images.  I set 250 px for the Main image width but this had no effect and somehow the images are 100 px width.

      I set the thumbnail size at 150 px but the images are still massive and take up way too much of the page.

      Puzzled…

    • 6 years, 9 months ago Ruco
      Keymaster
      This reply has been marked as private.
    • 6 years, 9 months ago alpenzone
      Participant

      Expired

      This reply has been marked as private.
    • 6 years, 9 months ago Mirela
      Participant

      Hello,

      Thank you for selecting our theme again!
      Please make sure to upload the WooCommerce images again after the changes you made. Or run a plugin that regenerates thumbnails.
      Let us know if the situation persists.

      Best regards!

    • 6 years, 9 months ago alpenzone
      Participant

      Expired

      Where can I find the file ‘functions-woocommerce.php’ please?

    • 6 years, 9 months ago Mirela
      Participant

      Hello,

      In Appearance > Editor, see screenshot: https://postimg.cc/t1dq6k6Y
      Or using a ftp account, go to folder wp-content/themes/specular/
      See screenshot: https://postimg.cc/RJLZzRMk

      Best regards!

    • 6 years, 9 months ago alpenzone
      Participant

      Expired

      I edited the image sizes in ‘functions-woocommerce.php’ and then regenerated the images but still they are way to large.

      The following page shows an example:

      https://www.rat3d.co.uk/product-category/turkey-crown/

      These images are huge and I need them to be much smaller, more like 160 x 160 px.  The images appear in catalogue, and related images.  The single image size seems ok for some reason.

    • 6 years, 9 months ago Mirela
      Participant

      Hello,

      Try to add this cs sinto your Specular > General Options > Custom Css box:

      .woocommerce ul.products li.product a img, .woocommerce-page ul.products li.product a img {
        width: auto !important;
      }
      .woocommerce ul.products li.product .overlay, .woocommerce-page ul.products li.product .overlay{ width: 58% !important;}
      ul.products li .button {left: 29% !important;}

      Clear cache and try again.
      Let us know.

      Best regards!

Viewing 8 reply threads

You must be logged in to reply to this topic.

Login

Log In
Register

Renew Support

  • Renew Specular Support
  • Renew Tower Support
  • Renew Folie Support
  • Renew Handel Support
  • Renew June Support
  • Renew Picante Support
  • Renew Thype Support
  • Renew Regn Support

Search Forums

Forums

  • Bygge – Construction Theme
  • Converta – Software Theme
  • Folie – The WordPress Website Builder
  • Handel – Responsive Multi-Purpose Business Theme
  • June WooCommerce WordPress Theme
  • Livecast – Podcast Theme
  • Picante – Restaurant & Food WordPress Theme
  • Regn | Agency & Business WordPress Theme
  • Remake – Minimal Portfolio & Agency Theme
  • Specular – Multi-Purpose WordPress Theme
  • Suggest us Features
  • Tower – Business-Driven Multipurpose WP Theme
  • Vibrance – Photography Theme

Site Links

  • Support Policy
  • Specular Support Forum
  • Video Tutorials
  • Knowledge Base
  • Guides and Reviews

Useful Articles

  • Build a Website
  • Web Design & Development
  • Hosting
  • WordPress

Login

Log In
Register Lost Password