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 11, 2017 at 12:13 pm #324229
  il2d

  Member

  Post count: 5

  Hi, I was looking at the website shop examples in atelier (http://swiftideas.com/shop/) and, I have difficulties replicating the look that you achieved in first shop style (standard full width). Are there any examples that show the configuration in wordpress that you used?

  Also my main problem is setting products height in shop view. In the specified one, all the items have the same height and are aligned correctly. On my shop website, the items have different heights, but they don’t align to perfect grid.

  May 11, 2017 at 12:25 pm #324231
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Hi,

  Your image products should have the same size proportions so that they can display with the same size.

  Can you provide the site url and admin credentials to try to set it up like in the demo site?

  -Rui

  May 11, 2017 at 12:30 pm #324236
  il2d

  Member

  Post count: 5

  This reply has been marked as private.
  May 12, 2017 at 11:40 am #324425
  David Martin – Support

  Moderator

  Post count: 20834

  Hi,

  Are your product images (before uploading) a consistent size ratio?

  Image sizes can only be generated if the uploaded product image is correct.

  Assuming your product image is correct you can adjust the size and enable the hard crop here: WooCommerce > Settings > Products > Display.

  You then need to use this plugin to rebuild your thumbnails: https://wordpress.org/plugins/regenerate-thumbnails/

  May 15, 2017 at 8:57 am #324561
  il2d

  Member

  Post count: 5

  This is not the case. Images have correct sizes, but the problem is with the text lengths. The grid elements don’t scale to have same hight as the product with the longest text. I’m attaching a screenshot that shows the problem.

  May 15, 2017 at 11:39 am #324587
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Hi,

  Try to set a minimum height for the products.

  Add the code below to your custom css option.

  .woocommerce ul.products li.product {
      min-height: 440px!important;
  }

  -Rui

  May 15, 2017 at 11:58 am #324592
  il2d

  Member

  Post count: 5

  That worked. Thanks!

  Also, coming back to my previous question, is there a way to see full configuration options that you used to create this view: http://swiftideas.com/shop/?product_display=standard&product_columns=5&product_gutters=1&fullwidth=1

  May 15, 2017 at 12:13 pm #324597
  David Martin – Support

  Moderator

  Post count: 20834

  Hi,

  In Theme Options => WooCommerce Options => Shop Options, you would take the URL variables as the options so:

  1) Product Display = Standard
  2) Shop Columns = 5
  3) Enable Gutters => Enabled
  4) Enable Fullwdith => Enabled

• Back to forum

  Posted in: Atelier