How to limit product image size to fit inside each product image box on homepage

dig4life · May 2016

Hi!

My goal is to make sure product image boxes will look neat and organized as the sample layout. See https://nimbus.everhelper.me/client/notes/share/467214/d22puc29gpcwy0hlcmsa

But whenever I change the white background images to other photos, these product boxes scatter on their own (some boxes look small, some too big) Is there a shortcode to make them look all properly arranged and organized on the homepage??

THanks!

Albert · May 2016

Hi,

to make all boxes same sizes, you need to set Equal Height of Items in wrap | equal-height style for section where those items are.

dig4life · May 2016

hi! Can you be more you be more detailed? I read the documentation (special section) and your instructions above and did not understand it.

Albert · May 2016

What exactly you do not understand? What is not clear? You don't know what is section and how to set it's style?

dig4life · May 2016

yes.

Albert · May 2016

Section is an block element inside which all items/shortcodes/wraps are. Before you add any item, you need to click ADD SECTION button and this is what section exactly is. For more details please check http://themes.muffingroup.com/betheme/documentation/#section

dig4life · May 2016

Hi! Can you check: https://nimbus.everhelper.me/client/notes/share/475954/6477z92yeyhbh85gl08l

Using the backend editor, the images boxes are set equal height but when uploaded, they scatter all over, not at all organized like what it looks in the backend editor.

Albert · May 2016

Please use Divider item between rows and all should be fine.

dig4life · May 2016

ok will do. thanks a lot!!

Albert · May 2016

You're welcome

dig4life · May 2016

Hi again! I already placed a divider between rows but still the same, pls see: https://nimbus.everhelper.me/client/notes/share/478630/98r0y8lncvcsxe3uyfvz

AND this: https://nimbus.everhelper.me/client/notes/share/478638/173eag62co0fwzolgox7

What did I do wrong since I followed your advise to put dividers in between rows but still the same-product image boxes are still not properly aligned on homepage. Pls help!

Albert · May 2016

Ohh, ok. We misunderstood your previous question. So if you want to have all boxes equal height, all upload images need to be the same size or at least same proportions.

dig4life · May 2016

oh i see. thanks will do that!

Albert · May 2016

You're welcome!

How to limit product image size to fit inside each product image box on homepage

Comments