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
• November 24, 2015 at 12:17 pm #230920
  OliviaPingret

  Member

  Post count: 85

  Hi Team,

  1.I have a question about shop page layout. To respect the original sizes of my pictures, I had to uncheck the hard crop mode. With this configuration, a white spaces appear between the pictures (screenshots 1 & 2).
  Do you know any plugin or solution (with atelier) to set up a dynamic grid layout? The multi masonry mode could be the solution?

  2. How to disable the display of product photo gallery on hover?

  Thanks
  Olivia

  Attachments:

  You must be logged in to view attached files.
  November 25, 2015 at 1:03 pm #231235
  David Martin – Support

  Moderator

  Post count: 20834

  1) Please use Multi Masonry Layout.

  2) Do you mean, when you hover stop showing the second image? If so, please use this:

  .products .product figure.product-transition-fade .img-wrap.second-image {
      display: none!important;
  }
  
  .products .product figure.product-transition-fade:hover .img-wrap.first-image>img {
      opacity: 1!important;
  }

  Thanks.

  November 30, 2015 at 2:26 pm #232151
  OliviaPingret

  Member

  Post count: 85

  This reply has been marked as private.
  November 30, 2015 at 2:35 pm #232154
  David Martin – Support

  Moderator

  Post count: 20834

  Hi,

  The multi-masonry must have each product’s thumbnail set to either tall, standard, large:

  Edit Product => Meta Options => Masonry Thumbnail => Masonry Thumbnail Size

  Thanks,
  David.

  November 30, 2015 at 3:47 pm #232179
  OliviaPingret

  Member

  Post count: 85

  Hi David,

  I tried and it’s quasi perfect for me. Just a question, can I change the Standard, Tall and Large sizes to 3 other different sizes like landscape, portrait and square? If yes, please could you tell why & where (in witch FTP file) can I change these sizes?
  Thanks David,

  Olivia

  November 30, 2015 at 3:55 pm #232181
  David Martin – Support

  Moderator

  Post count: 20834

  Hey,

  Please try /woocommerce/content-product.php. From line 143 you will see this:

  		if ( $masonry_thumb_size == "large" ) {
  		    $classes[] = 'col-sm-6 size-large';
  		    $width = 'col-sm-6';
  		    $thumb_width = 800;
  		    $thumb_height = 650;
  		} else if ( $masonry_thumb_size == "tall" ) {
  		    $classes[] = 'col-sm-3 size-tall';
  		    $width = 'col-sm-3';
  		    $thumb_width = 400;
  		    $thumb_height = 800;
  		} else {
  			$classes[] = 'col-sm-3 size-standard';
  			$width = 'col-sm-3';
  			$thumb_width = 400;
  			$thumb_height = 320;
  		}

  Thanks.

  November 30, 2015 at 4:41 pm #232194
  OliviaPingret

  Member

  Post count: 85

  Hi David,
  I don’t see this in content-product.php…

  November 30, 2015 at 4:42 pm #232195
  David Martin – Support

  Moderator

  Post count: 20834

  Are you looking in the theme folder, it’s here: atelier/woocommerce/content-product.php

  Thanks.

  November 30, 2015 at 4:43 pm #232196
  OliviaPingret

  Member

  Post count: 85

  Sorry,
  I find it !

  November 30, 2015 at 4:46 pm #232198
  David Martin – Support

  Moderator

  Post count: 20834

  Great, no problem.

  November 30, 2015 at 5:11 pm #232217
  OliviaPingret

  Member

  Post count: 85

  This reply has been marked as private.
  December 1, 2015 at 4:19 pm #232489
  David Martin – Support

  Moderator

  Post count: 20834

  Hi,

  What size are your images originally before uploading? You’ll need to make sure the images are actually large enough to be proportionally scaled down to fit the size output.

  Please also add a WP URL and WP login.

  Thanks.

  December 1, 2015 at 6:20 pm #232529
  OliviaPingret

  Member

  Post count: 85

  This reply has been marked as private.
  December 2, 2015 at 6:11 pm #232827
  David Martin – Support

  Moderator

  Post count: 20834

  Hi,

  Can you send me a couple of images you are using, before uploading into WordPress. Please attach them here or use a dropbox link.

  The image size must be bigger than the required sizes.

  Thanks.

  December 3, 2015 at 11:58 am #233006
  OliviaPingret

  Member

  Post count: 85

  This reply has been marked as private.
• Back to forum

  Posted in: Atelier