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
• March 7, 2016 at 12:43 pm #253905
  Katja

  Member

  Post count: 53

  Hello,

  I just bought the Atelier theme. It is awesome, thanks! Now I have a couple of questions:

  1) I’m building a small shop: it has only three products. I’ve attached a screenshot of the home page and now you can see that there’s two normal images and then on the second row there are photos of all the products. I’ve tried to set the number of columns to three but as you can see, it is now 4 and won’t reduce.

  2) I would like to mix product link images and other types of images on the home page. For example, on the first row with two columns I would like the another one to be a product link and another one would be a regular image. How can I do that?

  3) How can I set the height of the images on the home page?

  4) Is it possible to change the shopping cart icon in the upper right corner?

  Thanks in advance!

  Best regards,
  Katja

  Attachments:

  You must be logged in to view attached files.
  March 7, 2016 at 4:49 pm #253963
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Hi

  1) Are you using any cache plugin?

  2) Not sure what you mean, can you explain?

  3) The image assets or the product images?

  4) Yes, go to Theme Options > WooCommerce Options

  – Kyle

  March 8, 2016 at 11:31 am #254114
  Katja

  Member

  Post count: 53

  Hi,

  1) No I’m not. Should I get one?

  2) On the first row, there are now two normal images. If I would like another one of them to be a product link (same style as product links below), how can I do that? Another one would still be a normal image, without any interactions.

  3) Normal images. There is a new attachment and there you can see that on the first row there are two images. I would like them to have equal heights automatically. Is it possible to do this? Like in this demo: http://swiftideas.com/convoy-demo/# There are images with text New sunglasses, new wallets etc. and they are justified.

  4) Yes, managed to already solve this.

  Attachments:

  You must be logged in to view attached files.
  March 8, 2016 at 11:39 am #254126
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  2) Add a products asset to the left side, and set to 1 column, number of products 1

  3) Add this to your custom css:

  .equal-height .spb_image img {
    min-height: 500px;
    object-fit: cover;
  }

  And in the Row that contains the 2 images, add equal-height to the extra class field

  4) Great

  – Kyle

  March 8, 2016 at 12:25 pm #254137
  Katja

  Member

  Post count: 53

  Hi,

  2) This did not work. The product image is still very small though I changed the settings.

  3) Thanks, I’ll try that.

  Attachments:

  You must be logged in to view attached files.
  March 8, 2016 at 12:49 pm #254144
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  2) Sorry there is an issue with the 1 col display, this is fixed in the next update, you’ll have to wait until then. It should be released within the next week or so

  – Kyle

  March 8, 2016 at 1:01 pm #254150
  Katja

  Member

  Post count: 53

  2) Okay thanks. It seems that 2 or 3 column views do not work properly either. Products are always forced to show in 4 columns view. Will this be fixed too?

  March 8, 2016 at 1:02 pm #254151
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Yes

  – Kyle

  March 9, 2016 at 1:02 pm #254378
  Katja

  Member

  Post count: 53

  Hi,

  Is the column issue fixed now? I installed the latest update and in the changelog it says that “Fixed product 1 column display”. On my page it doesn’t seem to be working, if the bug is fixed.

  March 9, 2016 at 1:30 pm #254389
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Hi

  Check again, working for me, try clearing your cache

  – Kyle

  March 9, 2016 at 1:41 pm #254400
  Katja

  Member

  Post count: 53

  Hi,
  Tried it, still not working.

  Attachments:

  You must be logged in to view attached files.
  March 9, 2016 at 1:49 pm #254405
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  I fixed it but you seemed to have changed it back. You need to disable multi masonry in the products asset

  – Kyle

  March 9, 2016 at 2:02 pm #254408
  Katja

  Member

  Post count: 53

  Hi,

  But the problem is that I would like the single product image to appear in the same way that the product images with the book covers look like. So there would be a price on the image and then the information appears when you put the cursor on the image.

  And it seems that I can’t put the book cover product images on the next row to three columns.

  March 9, 2016 at 2:08 pm #254413
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  All you need to do for that is set the display type to gallery, I’ve done this for you

  – Kyle

  March 18, 2016 at 2:29 pm #256345
  Katja

  Member

  Post count: 53

  Hi again,

  Everything seems to be working now. Except one thing: I added these lines to custom css

  .equal-height .spb_image img {
  min-height: 500px;
  object-fit: cover;
  }

  I tested the page in different browsers and the page looks good in Chrome and Safari, but in Firefox the page looks weird (see the attachment). Can you help me?

  Attachments:

  You must be logged in to view attached files.
• Back to forum

  Posted in: Atelier