(TUTORIAL) mengubah list view ke grid view di opencart

1. ganti kode dibawah (cari : catalog/view/theme/default/template/product/category.tpl)

if (view) {
display(view);
} else {
display(‘list’);
}

dengan

if (view) {
display(view);
} else {
display(‘grid’);
}

 

2. setting stylesheet.css

.product-grid {
width: 100%;
overflow: auto;
}
.product-grid > div {
width: 210px;
display: inline-block;
vertical-align: top;
margin-right: 20px;
margin-bottom: 15px;
text-align: center;
padding: 3px;
border: 1px solid white;
-webkit-border-radius: 7px 7px 7px 7px;
-moz-border-radius: 7px 7px 7px 7px;
-khtml-border-radius: 7px 7px 7px 7px;
border-radius: 7px 7px 7px 7px;
}
#column-left + #column-right + #content .product-grid > div {
width: 125px;
}
.product-grid .image {
display: block;
margin-bottom: 0px;
}
}
.product-grid .image img {
padding: 3px;
border: 1px solid #E7E7E7;
}

 

3. setting ukuran thumbnail foto

(System > Settings > Edit > Image >Product Image List Size: 200 x 200)

 

Leave a Reply

Your email address will not be published. Required fields are marked *