[Brenda nParticipant]

Hello,

I am using the Icon Stack to create a Website/Shop.

I have checked various sources, including the WooCommerce docs that suggest the settings should be visible in “WooCommerce/Settings/Products/Product Options” but they are not visible to me. (http://docs.woothemes.com/document/configuring-woocommerce-settings/)

Is it possible that these settings are controlled by the theme or stack? I have looked everywhere I can think of but to no avail. I have attempted some CSS controls but it seems to mess up other aspects of the page, ie. the gallery.

The site is currently in development and not open to the public. I can provide temporary login in a private message.

I look forward to hearing from you.

Thanks

System Status (below)

### Environment ###

WC Version: 2.2.10
WC Database Version: 2.2.10
WP Version: 4.1
WP Multisite Enabled: No
Web Server Info: Apache
PHP Version: 5.4.34
MySQL Version: 5.5.40
WP Active Plugins: 12
WP Memory Limit: 40 MB – We recommend setting memory to at least 64MB. See: Increasing memory allocated to PHP
WP Debug Mode: No
WP Language: en_US
WP Max Upload Size: 50 MB
PHP Post Max Size: 50 MB
PHP Time Limit: 30
PHP Max Input Vars: 1000
SUHOSIN Installed: No
Default Timezone: Default timezone is UTC
fsockopen/cURL: Your server has fsockopen and cURL enabled.
SOAP Client: Your server has the SOAP Client class enabled.
WP Remote Post: wp_remote_post() was successful – PayPal IPN is working.

### Locale ###

decimal_point: .
thousands_sep: N/A
mon_decimal_point: N/A
mon_thousands_sep: N/A

### Plugins ###

Installed Plugins: BackupBuddy by iThemes version 5.1.1.1
Contact Form 7 by Takayuki Miyoshi version 4.1
WPBakery Visual Composer by Michael M – WPBakery.com version 4.1.3
Regenerate Thumbnails by Viper007Bond version 2.2.4
Restricted Site Access by Jake Goldman
10up
Oomph version 5.1
Revolution Slider by ThemePunch version 4.6.5
WooCommerce Canada Post Webservice Method by Jamez Picard support@truemedia.ca version 1.3.9
WooCommerce by WooThemes version 2.2.10
WooSidebars by WooThemes version 1.3.1
Wordfence Security by Wordfence version 5.3.6
WordPress Importer by wordpressdotorg version 0.6.1
X – Shortcodes by Themeco version 3.0.3

### Settings ###

Force SSL: No

### WC Pages ###

Shop Base: #14 – /shop/
Cart: #6633 – /cart/
Checkout: #6634 – /checkout/
My Account: #6635 – /my-account/

### WC Taxonomies ###

Product Types: external (external)
grouped (grouped)
simple (simple)
variable (variable)

### Theme ###

Theme Name: X
Theme Version: 3.2.1
Theme Author URL: http://theme.co/
Is Child Theme: No
WooCommerce Support: Yes

### Templates ###

Template Overrides (WooCommerce):x/woocommerce/cart/cart-totals.php
x/woocommerce/cart/cart.php
x/woocommerce/cart/cross-sells.php
x/woocommerce/cart/shipping-calculator.php
x/woocommerce/checkout/form-billing.php
x/woocommerce/checkout/form-shipping.php
x/woocommerce/checkout/thankyou.php
x/woocommerce/content-product.php
x/woocommerce/loop/loop-end.php
x/woocommerce/loop/loop-start.php
x/woocommerce/loop/pagination.php
x/woocommerce/myaccount/form-edit-address.php
x/woocommerce/notices/error.php
x/woocommerce/notices/notice.php
x/woocommerce/notices/success.php
x/woocommerce/order/order-details.php
x/woocommerce/single-product/add-to-cart/variable.php
x/woocommerce/single-product/product-attributes.php
x/woocommerce/single-product/product-image.php
x/woocommerce/single-product/product-thumbnails.php
x/woocommerce/single-product/rating.php
x/woocommerce/single-product/related.php
x/woocommerce/single-product/tabs/tabs.php
x/woocommerce/single-product/up-sells.php
x/woocommerce/single-product-reviews.php

[ZeshanMember]

Hi Brenda,

Thanks for writing in! This WooCommerce is disabled as X uses it’s own thumbnail size to make the image maintain its quality over different devices.

Thanks!

[Brenda nParticipant]

Ok, that makes sense. May I ask where I find these settings within the theme and where this is outlined in your documentation?

I need to establish maximum vertical sizes of the thumbnails on the product and catalog pages.

Thanks,
Brenda

[ZeshanMember]

Hi Brenda,

The image sizes are generated dynamically according to the layout you are using. For example, your stack, boxed layout, site max width, sidebar enabled or disabled and et cetera. Changing it requires custom development. While that is outside the scope of support, I could point you in the right direction with the understanding that it would ultimately be your responsibility to take it from here.

Because this requires a template change, I’d advise that you setup a child theme. This allows you to make code changes that won’t be overwritten when an X update is released. After your child theme is setup, please review how we recommend making template changes in Customization Best Practices.

After that, add following code in your child theme’s functions.php file:

// =============================================================================
// WooCommerce Short Thumbnail size change 
// =============================================================================

function x_woocommerce_shop_thumbnail2() {

  GLOBAL $product;

  $stack            = x_get_stack();
  $stack_thumb      = 'shop_catalog';
  $stack_shop_thumb = $stack_thumb;
  $id               = get_the_ID();
  $rating           = $product->get_rating_html();

  woocommerce_show_product_sale_flash();
  echo '<div class="entry-featured">';
    echo '<a href="' . get_the_permalink() . '">';
      echo get_the_post_thumbnail( $id , $stack_shop_thumb );
      if ( ! empty( $rating ) ) {
        echo '<div class="star-rating-container aggregate ">' . $rating . '</div>';
      }
    echo '</a>';
  echo "</div>";

}

add_filter('init', function() {

   remove_action( 'woocommerce_before_shop_loop_item_title', 'x_woocommerce_shop_thumbnail', 10 );

});

add_action( 'woocommerce_before_shop_loop_item_title', 'x_woocommerce_shop_thumbnail2', 10 ); 

// Woocommerce Product Images = Show all thumbnails sizes under its settings
// =============================================================================

function remove_product_settings_filter() {
   remove_filter( 'woocommerce_product_settings', 'x_woocommerce_remove_plugin_settings' );
}

add_filter('init', 'remove_product_settings_filter');

After that, the WooCommerce image sizes option should be visible for you under WooCommerce settings. You can change the Catalog image size. Make sure to regenerate thumbnails after that.

Cheers!

[Brenda nParticipant]

Yes that worked, I believe I have it sorted out now.

Appreciate the help.

Thanks,
Brenda

[ZeshanMember]

You’re welcome! 🙂

[Thai4moreParticipant]

hi mister X, can you advice me wich size product images i should upload to archieve the best quality in and highest performance?
Thanks in advantage, cor

[Rue NelModerator]

Hello @thai4more,

Thanks for updating this thread! To have a more decent product image in terms of quality and performance, upload a product image of at least 1024 x 1024 pixels. For best image quality, at least 1200 pixels width if you have to view the image in a fullscreen or a lightbox.

hope this helps.

[Thai4moreParticipant]

Thank you

[ThaiModerator]

You’re most welcome 🙂

[Author]

Posts