Page 1 of 1

How to fill image in featured content?

Posted: Sat Jan 02, 2016 5:42 pm
by fokz8
Hey there. Firstly, happy new year to you all.

Alrights let's get to it. In the featured section, where you can add photos of stuff at your webstore, there's some empty gap between the edges of one box. i would like to fill that empty gap with css (or if possible by admin), but i don't know how to.

let me give you an example of what im talking about.

Website version:

Image

What it should be like (photoshop version)

Image

Which means that picture should have 100% height and width of the box, where it's suppose to be.

Any help will be appreciated!

Thank you guys :)

Re: How to fill image in featured content?

Posted: Sun Jan 03, 2016 4:03 am
by tdaubs
Since images can be all sorts of sizes and dimensions, the best approach to achieve what you're looking for is to crop the images into the space you want to fill.

There are a number of extensions that empower Opencart to do this. This is one of them.

http://www.opencart.com/index.php?route ... on_id=7893

Re: How to fill image in featured content?

Posted: Sun Jan 03, 2016 9:46 pm
by viethemes
fokz8 wrote:Hey there. Firstly, happy new year to you all.

Alrights let's get to it. In the featured section, where you can add photos of stuff at your webstore, there's some empty gap between the edges of one box. i would like to fill that empty gap with css (or if possible by admin), but i don't know how to.

let me give you an example of what im talking about.

Website version:

Image

What it should be like (photoshop version)

Image

Which means that picture should have 100% height and width of the box, where it's suppose to be.

Any help will be appreciated!

Thank you guys :)
You should configure image size ( in admin > System > Settings > Your Store > Image ) has the same ratio widthxheight of original image.

Re: How to fill image in featured content?

Posted: Mon Jan 04, 2016 7:17 am
by tdaubs
Unless every single one of your product images are the exact same dimensions, you will need to use some sort of cropping method. If all the images share the same dimensions... then the image resizing option will work fine.