ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Atelier
• May 25, 2017 at 10:14 am #325932
  jackisaacd

  Member

  Post count: 5

  Hi,

  I add my product image at 1300x1300px.
  I would like to set the frame size of my product page at 470x470px to show my product in real size.
  Is it possible and how to do this witout blury effect ?

  Thanks in advance,

  Jacques

  May 25, 2017 at 10:17 am #325933
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Hi,

  Did you change the Woocommerce Product image settings before uploading the product images?
  Check this article.

  http://www.swiftideas.com/knowledgebase/product-image-quality/

  -Rui

  May 25, 2017 at 10:53 am #325944
  jackisaacd

  Member

  Post count: 5

  So I deleted my unique product in my catalog.
  Changed Woocommerce Product image settings as below :
  470 470
  470 470
  150 150

  Recreated product.
  Regenerated thumbnails

  However I still get a bigger frame size display. Maybe another admin or css setting to do, to get it sorted.
  The generated html integrates my settings (470 and 150px) but also others settings with generated images at 300×300, 768×768, 1024×1024, 250×250, 1280×1280, 1000×1000, 1200×1200:

  <img width=”470″ height=”470″ src=”http://localhost/wordpress/wp-content/uploads/2017/05/Composition_Chaine_Simple_G2BPCoeurs_Etape04_Etp01_20170515-1-470×470.jpg&#8221;
  class=”attachment-shop_single size-shop_single wp-post-image” alt=”” title=””
  data-src=”http://localhost/wordpress/wp-content/uploads/2017/05/Composition_Chaine_Simple_G2BPCoeurs_Etape04_Etp01_20170515-1.jpg&#8221;
  data-large_image=”http://localhost/wordpress/wp-content/uploads/2017/05/Composition_Chaine_Simple_G2BPCoeurs_Etape04_Etp01_20170515-1.jpg&#8221;
  data-large_image_width=”1300″ data-large_image_height=”1300″
  srcset=”http://localhost/wordpress/wp-content/uploads/2017/05/Composition_Chaine_Simple_G2BPCoeurs_Etape04_Etp01_20170515-1-470×470.jpg 470w,
  http://localhost/wordpress/wp-content/uploads/2017/05/Composition_Chaine_Simple_G2BPCoeurs_Etape04_Etp01_20170515-1-150×150.jpg 150w,
  http://localhost/wordpress/wp-content/uploads/2017/05/Composition_Chaine_Simple_G2BPCoeurs_Etape04_Etp01_20170515-1-300×300.jpg 300w,
  http://localhost/wordpress/wp-content/uploads/2017/05/Composition_Chaine_Simple_G2BPCoeurs_Etape04_Etp01_20170515-1-768×768.jpg 768w,
  http://localhost/wordpress/wp-content/uploads/2017/05/Composition_Chaine_Simple_G2BPCoeurs_Etape04_Etp01_20170515-1-1024×1024.jpg 1024w,
  http://localhost/wordpress/wp-content/uploads/2017/05/Composition_Chaine_Simple_G2BPCoeurs_Etape04_Etp01_20170515-1-250×250.jpg 250w,
  http://localhost/wordpress/wp-content/uploads/2017/05/Composition_Chaine_Simple_G2BPCoeurs_Etape04_Etp01_20170515-1-1280×1280.jpg 1280w,
  http://localhost/wordpress/wp-content/uploads/2017/05/Composition_Chaine_Simple_G2BPCoeurs_Etape04_Etp01_20170515-1-1000×1000.jpg 1000w,
  http://localhost/wordpress/wp-content/uploads/2017/05/Composition_Chaine_Simple_G2BPCoeurs_Etape04_Etp01_20170515-1-1200×1200.jpg 1200w,
  http://localhost/wordpress/wp-content/uploads/2017/05/Composition_Chaine_Simple_G2BPCoeurs_Etape04_Etp01_20170515-1.jpg 1300w”
  sizes=”(max-width: 470px) 100vw, 470px” />

  May 25, 2017 at 11:15 am #325948
  David Martin – Support

  Moderator

  Post count: 20834

  Hi,

  That changes the image size, not the actual container size of the image. Atelier default is 60% of the total width of the page. You can reduce or increase this here:

  Theme Options => WooCommerce Options => Override Product Image Width => Product Image Width

  May 25, 2017 at 12:04 pm #325960
  jackisaacd

  Member

  Post count: 5

  Thank you for your response.
  I can now change the container image size of the product page.

  1/ Is it possible to set the container image size for pages with list of products ?
  Like in “What’s New” of the home page, or in “Products” page (Vario demo).?

  2/ By the way I put 3 images for my product without getting the slide effect display to browse between them, like in “What’s New” of the home page, or in “Products” page (Vario demo).
  I think it’s because my product setting is simple.
  I will investigate it later…

  May 26, 2017 at 10:05 am #326088
  David Martin – Support

  Moderator

  Post count: 20834

  1) No, you can only change the column count: 4 / 3 / 2 ect.

  2) Products need to be set as Variable Products: https://docs.woocommerce.com/document/variable-product/

• Back to forum

  Posted in: Atelier