Design Display Product Detail

Developers Frontend
1

In the product page, i want to have 2 grid:

  • grid-10: display image product
  • grid-6: display infomation of product.

    But go to admin => Layout => Product it has grid Main content only.

    How to do my design ?

    Thank all.


2

There is already similar built-in template in CS-Cart. Please check the following setting:



Settings → Appearance → Product detailed page view → The big picture

3

To make a product details page look like on the img 3, choose The big picture template on the product edit page. Here you go [url=“https://twitter.com/cscart/status/616961594921250816”]https://twitter.com/...961594921250816[/url]



Go to Products > Products. Click the product and go down to the Extra section. In the Extra section choose Product details view: The big picture. Click Save at the top right corner of the page. Now you have the product view like on your img 3.

4

Thank eComLabs and yakulakov I try to change in 

<br />
responsive / templates / blocks / product_templates / default_template.tpl<br />

```<br />
but can't do anything.<br />
Now, i know how they do <img src="upload://b6iczyK1ETUUqRUc4PAkX83GF2O.gif" class="bbc_emoticon" alt=":-)"><br />
Thank you again.
5

By the way, could you please guide me how to add div “Product Infomation” as in the picture.

Thanks



img

6

[quote name='gialang_dl' timestamp='1436239440' post='221828']

By the way, could you please guide me how to add div “Product Infomation” as in the picture.

Thanks



img

[/quote]



Please use the products:brand hook or correct the design\themes\YOUR_THEME\templates\blocks\product_templates\bigpicture_template.tpl file after this line of code:


```php


```
7

Thank you so much, eComLabs