Post by ahmadsyamim » Fri Sep 25, 2015 5:07 pm

I'm trying to put "FEATURED" product to 5 product per row. Can someone help me? Thanks. =D

Newbie

Posts

Joined
Fri Sep 25, 2015 5:06 pm

Post by Qphoria » Fri Sep 25, 2015 10:51 pm

1. EDIT: catalog/view/theme/default/stylesheet/stylesheet.css

2. AT THE BOTTOM, ADD:

Code: Select all

.col-lg-3 {
    width: 20%;
    min-height: 320px;
}
 
The width is obvious, the min-height fixes an issue when some product have a review rating.
You may need to play with the numbers to get the exact size you want and it may be different for custom themes

Image


User avatar
Administrator

Posts

Joined
Tue Jul 22, 2008 3:02 am

Post by viethemes » Fri Sep 25, 2015 10:58 pm

You can install my free extension Custom CSS and add Qphoria's code. So the change will not be lost when you update OpenCart :)

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 ahmadsyamim » Tue Sep 29, 2015 10:21 am

im currently using bolshopdark theme
http://yournaturalway.gr/catalog/view/t ... esheet.css

the width layout is correct the 5th product still went down to next row. :(

viethemes, i already tried with your solution. but no luck . maybe have issue with my theme :choke:

Newbie

Posts

Joined
Fri Sep 25, 2015 5:06 pm

Post by viethemes » Wed Sep 30, 2015 10:52 pm

I see that you are using a custom module to display products. You should contact to the module developer to take a look at it :)

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 skip » Tue Dec 08, 2015 7:07 am

the width layout is correct the 5th product still went down to next row. :( SAME FOR DEFAULT THEME 2.1.0.1

Active Member

Posts

Joined
Mon May 09, 2011 9:57 pm

Post by viethemes » Tue Dec 08, 2015 11:25 pm

skip wrote:the width layout is correct the 5th product still went down to next row. :( SAME FOR DEFAULT THEME 2.1.0.1
Could you provide your site URL, so we can take a look at it closer?

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 skip » Wed Dec 09, 2015 4:55 am

Here is it http://osijek-spoj.esy.es/
I wass set limit to 6 products in admin for featured.

Also , I wass found your script for category page 5 in row
http://demo.viethemes.com/opencart2/ind ... ry&path=20
but looks something is wrong on demo ?
Does it posbile insert this script directly in some file or only through your module?
Thanx

Active Member

Posts

Joined
Mon May 09, 2011 9:57 pm

Post by viethemes » Wed Dec 09, 2015 8:52 pm

To fix it, you can install my free extension Custom JavaScript and add code below

Code: Select all

<script>
$(document).ready(function () {
	$('body[class*="common-home"] .product-layout').next('.clearfix').remove();
});
</script>

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 kingstutor » Sun Jun 26, 2016 12:15 am

I am using opencart 2.2.0 and the script doesn't really clearfix the fifth product. Can you help?
Thanks much!

Newbie

Posts

Joined
Tue May 24, 2016 11:44 pm

Post by Anurag_SV » Thu Sep 21, 2017 9:17 pm

This forum is pretty old but and i am sorry to reignite it.
but i have done everything i can but cannot get the 5th product on the same row.
www.esswee.com/store

Any assistance will be deeply appreciated

Newbie

Posts

Joined
Sun Jul 16, 2017 11:52 pm
Who is online

Users browsing this forum: No registered users and 97 guests