i have removed "description" and "price" as i don't want to display it there.
Code: Select all
.product-thumb .caption {
min-height: 0;
}
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
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
Code: Select all
.product-thumb {
width: 80%;
margin: 0 auto;
}
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
the products box width is determined by bootstrap grid syntax, Opencart 2.x show 4 products per row by default, you could edit the file below to change the products box numbers.bread_butter wrote: ↑Tue Dec 15, 2015 12:24 pmThanks for the reply . it seems to have solved the problem. But the width of featured is same. How can i reduce its width.
open the file -->\catalog\view\theme\default(your theme)\template\extension\module\featured.tpl (in opencart 3.x is featured.twig)
find the code below:
Code: Select all
<div class="row">
<?php foreach ($products as $product) { ?>
<div class="product-layout col-lg-3 col-md-3 col-sm-6 col-xs-12">
just take few minutes to study the bootstrap grids structure and syntax. you will find it is easy to edit.
Opencart 2.x 首頁每行商品數量由\catalog\view\theme\default\template\extension\module\featured.tpl 模組所決定,opencart 是以bootstrap 框架為主,因此必須了解bootstrap 的語法,花一點點時間微了解一下bootstrap grid 的觀念即可輕鬆修改。上述檔案中 col-lg-3 表示每列4個,改成col-lg-2 每列會出現6個。
Users browsing this forum: No registered users and 47 guests