Post by fokz8 » Sat Jan 02, 2016 5:42 pm

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 :)

New member

Posts

Joined
Sun Jul 26, 2015 8:35 pm

Post by tdaubs » Sun Jan 03, 2016 4:03 am

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

Image
Opencart Support . Opencart Galaxy . Buy Me a Coffee?


User avatar
Active Member

Posts

Joined
Fri Apr 08, 2011 4:51 am
Location - Southern California

Post by viethemes » Sun Jan 03, 2016 9:46 pm

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.

http://www.viethemes.com - OpenCart turtorials, news, tips and stricks, extension

Our extensions:
Visual Theme Editor - Powerful tool for customizing style of any theme visually
Live Theme Editor - Customize layout, colors, backgrounds, fonts of the default theme
Theme Animation - Animation Editor for any theme

Extra Positions PRO, Custom JavaScript, Custom CSS and others


User avatar
Active Member

Posts

Joined
Thu Jan 08, 2015 12:17 pm


Post by tdaubs » Mon Jan 04, 2016 7:17 am

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.

Image
Opencart Support . Opencart Galaxy . Buy Me a Coffee?


User avatar
Active Member

Posts

Joined
Fri Apr 08, 2011 4:51 am
Location - Southern California
Who is online

Users browsing this forum: No registered users and 50 guests