Number of columns on home page

[Katja]

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.

[Kyle – SUPPORT]

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

[Katja]

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.

[Kyle – SUPPORT]

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

[Katja]

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.

[Kyle – SUPPORT]

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

[Katja]

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?

[Kyle – SUPPORT]

Yes

– Kyle

[Katja]

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.

[Kyle – SUPPORT]

Hi

Check again, working for me, try clearing your cache

– Kyle

[Katja]

Hi,
Tried it, still not working.

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

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

– Kyle

[Katja]

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.

[Kyle – SUPPORT]

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

– Kyle

[Katja]

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.