[Skip to main content](#vessel-content)

#   layout for showing products

##

- **[Gerard](/forum/user/16346-gerard "View Gerard's Profile")**
- [![Gerard's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/16346-gerard "View Gerard's Profile") Topic Author
- [ Offline](/forum/user/16346-gerard)

Less More

- Posts: 20
- Thank you received: 0
-
-

13 years 5 months ago [\#105894](#105894) by [Gerard](/forum/user/16346-gerard "View Gerard's Profile")  *[layout for showing products](/forum/2-general-talk-about-hikashop/82718-layout-for-showing-products#105894 "hi,  i like to ask 2 questions:  in my website, when you select a category (in the lowest level) you see all the products. For every products there is a DIV with image, price, etc. Is it possible to show all the products as lines instead of DIV?  When you add a product to the shopping cart, you see only the price. How can i show the name of product + the quantity + the price in the shopping cart?  thank you,  greetings, Gerard")* was created by *[Gerard](/forum/user/16346-gerard "View Gerard's Profile")*

hi,

i like to ask 2 questions:

in my website, when you select a category (in the lowest level) you see all the products.
For every products there is a DIV with image, price, etc.
Is it possible to show all the products as lines instead of DIV?

When you add a product to the shopping cart, you see only the price.
How can i show the name of product + the quantity + the price in the shopping cart?

thank you,

greetings, Gerard

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzgyNzE4LWxheW91dC1mb3Itc2hvd2luZy1wcm9kdWN0cz90bXBsPW1hcmtkb3du) or [Create an account](/register) to join the conversation.

- **[Eliot](/forum/user/1824-eliot "View Eliot's Profile")**
- [![Eliot's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar1824.png)](/forum/user/1824-eliot "View Eliot's Profile")
- [ Offline](/forum/user/1824-eliot)

Less More

- Posts: 2334
- Thank you received: 403
-
-

13 years 5 months ago [\#105911](#105911) by [Eliot](/forum/user/1824-eliot "View Eliot's Profile")  Replied by *[Eliot](/forum/user/1824-eliot "View Eliot's Profile")* on topic *[layout for showing products](/forum/2-general-talk-about-hikashop/82718-layout-for-showing-products#105911 "hi,  i like to ask 2 questions:  in my website, when you select a category (in the lowest level) you see all the products. For every products there is a DIV with image, price, etc. Is it possible to show all the products as lines instead of DIV?  When you add a product to the shopping cart, you see only the price. How can i show the name of product + the quantity + the price in the shopping cart?  thank you,  greetings, Gerard")*

Hi Gerard,

About the DIV, just go in your module/menu configuration (Display&gt;Content menu/module) and you will be able to change the layout with the field "Type of Layout"
Try them all and tell us if you don't find what you're looking for.

About the cart, do you talk about the checkout cart or the mini cart?
In both case, these informations should be displayed so could you be more precise?
Also, a link to your website could be useful for us.

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzgyNzE4LWxheW91dC1mb3Itc2hvd2luZy1wcm9kdWN0cz90bXBsPW1hcmtkb3du) or [Create an account](/register) to join the conversation.

- **[Gerard](/forum/user/16346-gerard "View Gerard's Profile")**
- [![Gerard's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/16346-gerard "View Gerard's Profile") Topic Author
- [ Offline](/forum/user/16346-gerard)

Less More

- Posts: 20
- Thank you received: 0
-
-

13 years 5 months ago [\#105931](#105931) by [Gerard](/forum/user/16346-gerard "View Gerard's Profile")  Replied by *[Gerard](/forum/user/16346-gerard "View Gerard's Profile")* on topic *[layout for showing products](/forum/2-general-talk-about-hikashop/82718-layout-for-showing-products#105931 "hi,  i like to ask 2 questions:  in my website, when you select a category (in the lowest level) you see all the products. For every products there is a DIV with image, price, etc. Is it possible to show all the products as lines instead of DIV?  When you add a product to the shopping cart, you see only the price. How can i show the name of product + the quantity + the price in the shopping cart?  thank you,  greetings, Gerard")*

hi Eliot,

thank you so far. I have tried to change the layout for products, but they still show in panels.
I would like to show them as lines, this gives a better overview.

the link is:
[ ijzerwarenmarkt.nl/index.php/hikashop-me...din-931-verzinkt-8-8](http://ijzerwarenmarkt.nl/index.php/hikashop-menu-for-categories-listing/category/15-zeskantbouten-din-931-verzinkt-8-8)

about the cart: i mean the checkout cart. it is on the right column in the website.

ps,
Is there not a default layout (css) for the hikashop modules that i can use? Now there is a poor layout...

greetings,
Gerard

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzgyNzE4LWxheW91dC1mb3Itc2hvd2luZy1wcm9kdWN0cz90bXBsPW1hcmtkb3du) or [Create an account](/register) to join the conversation.

- **[Eliot](/forum/user/1824-eliot "View Eliot's Profile")**
- [![Eliot's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar1824.png)](/forum/user/1824-eliot "View Eliot's Profile")
- [ Offline](/forum/user/1824-eliot)

Less More

- Posts: 2334
- Thank you received: 403
-
-

13 years 5 months ago [\#105953](#105953) by [Eliot](/forum/user/1824-eliot "View Eliot's Profile")  Replied by *[Eliot](/forum/user/1824-eliot "View Eliot's Profile")* on topic *[layout for showing products](/forum/2-general-talk-about-hikashop/82718-layout-for-showing-products#105953 "hi,  i like to ask 2 questions:  in my website, when you select a category (in the lowest level) you see all the products. For every products there is a DIV with image, price, etc. Is it possible to show all the products as lines instead of DIV?  When you add a product to the shopping cart, you see only the price. How can i show the name of product + the quantity + the price in the shopping cart?  thank you,  greetings, Gerard")*

Hi Gerard,

About the line, you just have to set the "Number of columns" option of your module/menu to 1 so your product will be aligned vertically.
For the cart it is also very simple, just open the configuration page of your "Hikashop Cart Module" and set "Mini cart" option to "no".
This should solve your problems ![:)](/media/kunena/emoticons/3.png ":)")

For the css, you can found our style at this adress [ www.hikashop.com/fr/hikashop/styles-for-hikashop.html](http://www.hikashop.com/fr/hikashop/styles-for-hikashop.html) but default version only have one style available.
However, if you have some knowledge about css it's really easy to customize your layout by overriding the css file (in the configuration, Systeme&gt;Configuratio&gt;display&gt;css).

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzgyNzE4LWxheW91dC1mb3Itc2hvd2luZy1wcm9kdWN0cz90bXBsPW1hcmtkb3du) or [Create an account](/register) to join the conversation.

- **[Gerard](/forum/user/16346-gerard "View Gerard's Profile")**
- [![Gerard's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/16346-gerard "View Gerard's Profile") Topic Author
- [ Offline](/forum/user/16346-gerard)

Less More

- Posts: 20
- Thank you received: 0
-
-

13 years 5 months ago [\#106038](#106038) by [Gerard](/forum/user/16346-gerard "View Gerard's Profile")  Replied by *[Gerard](/forum/user/16346-gerard "View Gerard's Profile")* on topic *[layout for showing products](/forum/2-general-talk-about-hikashop/82718-layout-for-showing-products#106038 "hi,  i like to ask 2 questions:  in my website, when you select a category (in the lowest level) you see all the products. For every products there is a DIV with image, price, etc. Is it possible to show all the products as lines instead of DIV?  When you add a product to the shopping cart, you see only the price. How can i show the name of product + the quantity + the price in the shopping cart?  thank you,  greetings, Gerard")*

hi Eliot,

thank you for your answer.

there is just the thing about displaying the products in a category. I can't get it done.
I have included an image to show you what i mean:
in the category-list you choose a category. Then the sub-categories are shown in the content.
You select a sub-category and then the category-image and -description show on top of the page.
All the products are displayed as a list.

i hope my explanation is clear.

is it possible to show the articles in the same way as in the image?

thank you,

Gerard

- [ ![issue2.jpg](/forum/attachment/10305) ](/forum/attachment/10305 "issue2.jpg") [ ](/forum/attachment/10305?download=1 "issue2.jpg")

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzgyNzE4LWxheW91dC1mb3Itc2hvd2luZy1wcm9kdWN0cz90bXBsPW1hcmtkb3du) or [Create an account](/register) to join the conversation.

- **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")**
- [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile")
- [ Away](/forum/user/63-nicolas)

Less More

- Posts: 86321
- Thank you received: 14279
-
-

13 years 5 months ago [\#106166](#106166) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[layout for showing products](/forum/2-general-talk-about-hikashop/82718-layout-for-showing-products#106166 "hi,  i like to ask 2 questions:  in my website, when you select a category (in the lowest level) you see all the products. For every products there is a DIV with image, price, etc. Is it possible to show all the products as lines instead of DIV?  When you add a product to the shopping cart, you see only the price. How can i show the name of product + the quantity + the price in the shopping cart?  thank you,  greetings, Gerard")*

Xavier actually gave the solution for that. You need to go to Display&gt;Content modules and you will be able to change the field "Type of Layout" to "table" for the module with the id 87 which is the one you're using on the page [ ijzerwarenmarkt.nl/index.php/hikashop-me...din-931-verzinkt-8-8](http://ijzerwarenmarkt.nl/index.php/hikashop-menu-for-categories-listing/category/15-zeskantbouten-din-931-verzinkt-8-8)

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzgyNzE4LWxheW91dC1mb3Itc2hvd2luZy1wcm9kdWN0cz90bXBsPW1hcmtkb3du) or [Create an account](/register) to join the conversation.

- **[Gerard](/forum/user/16346-gerard "View Gerard's Profile")**
- [![Gerard's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/16346-gerard "View Gerard's Profile") Topic Author
- [ Offline](/forum/user/16346-gerard)

Less More

- Posts: 20
- Thank you received: 0
-
-

13 years 5 months ago [\#106279](#106279) by [Gerard](/forum/user/16346-gerard "View Gerard's Profile")  Replied by *[Gerard](/forum/user/16346-gerard "View Gerard's Profile")* on topic *[layout for showing products](/forum/2-general-talk-about-hikashop/82718-layout-for-showing-products#106279 "hi,  i like to ask 2 questions:  in my website, when you select a category (in the lowest level) you see all the products. For every products there is a DIV with image, price, etc. Is it possible to show all the products as lines instead of DIV?  When you add a product to the shopping cart, you see only the price. How can i show the name of product + the quantity + the price in the shopping cart?  thank you,  greetings, Gerard")*

thank you,

i was looking at the wrong place, now i got it.
Now the articles are showing in the right way.

Is it possible to hide the image for the articles?
It is only neccessary to show the category-image at the top of the page.

greetings, Gerard

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzgyNzE4LWxheW91dC1mb3Itc2hvd2luZy1wcm9kdWN0cz90bXBsPW1hcmtkb3du) or [Create an account](/register) to join the conversation.

- **[Eliot](/forum/user/1824-eliot "View Eliot's Profile")**
- [![Eliot's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar1824.png)](/forum/user/1824-eliot "View Eliot's Profile")
- [ Offline](/forum/user/1824-eliot)

Less More

- Posts: 2334
- Thank you received: 403
-
-

13 years 5 months ago [\#106286](#106286) by [Eliot](/forum/user/1824-eliot "View Eliot's Profile")  Replied by *[Eliot](/forum/user/1824-eliot "View Eliot's Profile")* on topic *[layout for showing products](/forum/2-general-talk-about-hikashop/82718-layout-for-showing-products#106286 "hi,  i like to ask 2 questions:  in my website, when you select a category (in the lowest level) you see all the products. For every products there is a DIV with image, price, etc. Is it possible to show all the products as lines instead of DIV?  When you add a product to the shopping cart, you see only the price. How can i show the name of product + the quantity + the price in the shopping cart?  thank you,  greetings, Gerard")*

Hi there,

It's really easy, just go in your module configuration page and change the "Type of item layout" parameter to whatever you want (I guess "title" will be ok).
If it doesn't meet your needs, you will have to customize on of this view by deleting some code. For this, go in Display&gt;View, find for example the product/listing_img_desc and delete the part with the things you don't need (like the image).

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzgyNzE4LWxheW91dC1mb3Itc2hvd2luZy1wcm9kdWN0cz90bXBsPW1hcmtkb3du) or [Create an account](/register) to join the conversation.

- **[Gerard](/forum/user/16346-gerard "View Gerard's Profile")**
- [![Gerard's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/16346-gerard "View Gerard's Profile") Topic Author
- [ Offline](/forum/user/16346-gerard)

Less More

- Posts: 20
- Thank you received: 0
-
-

13 years 5 months ago [\#106366](#106366) by [Gerard](/forum/user/16346-gerard "View Gerard's Profile")  Replied by *[Gerard](/forum/user/16346-gerard "View Gerard's Profile")* on topic *[layout for showing products](/forum/2-general-talk-about-hikashop/82718-layout-for-showing-products#106366 "hi,  i like to ask 2 questions:  in my website, when you select a category (in the lowest level) you see all the products. For every products there is a DIV with image, price, etc. Is it possible to show all the products as lines instead of DIV?  When you add a product to the shopping cart, you see only the price. How can i show the name of product + the quantity + the price in the shopping cart?  thank you,  greetings, Gerard")*

hi,

i deleted (commented out) the code in 2 php files ( product/listing_img_desc and product/listing_table), but nothing happens.
In the code it looks like there is a configuration parameter for showing image, but i cannot find.
This is what i have changed:

product/listing_table

&lt;!-- &lt;?php if($this-&gt;config-&gt;get('thumbnail')){ $columns++; ?&gt;
&lt;th class="hikashop_product_image title" align="center"&gt;
&lt;?php echo JText::_( 'HIKA_IMAGE' );?&gt;
&lt;/th&gt;
&lt;?php } ?&gt;--&gt;

product/listing_img_desc

&lt;!-- PRODUCT IMG --&gt;
&lt;!--&lt;?php if($this-&gt;config-&gt;get('thumbnail',1)){ ?&gt;

&lt;div style="height:&lt;?php echo $this-&gt;image-&gt;main_thumbnail_y;?&gt;px;text-align:center;clear:both;" class="hikashop_product_image"&gt;
&lt;div style="position:relative;text-align:center;clear:both;width:&lt;?php echo $this-&gt;image-&gt;main_thumbnail_x;?&gt;px;margin: auto;" class="hikashop_product_image_subdiv"&gt;

&lt;?php if($this-&gt;params-&gt;get('link_to_product_page',1)){ ?&gt;
&lt;a href="&lt;?php echo $link;?&gt;" title="&lt;?php echo $this-&gt;escape($this-&gt;row-&gt;product_name); ?&gt;"&gt;
&lt;?php }
echo $this-&gt;image-&gt;display(@$this-&gt;row-&gt;file_path,false,$this-&gt;escape($this-&gt;row-&gt;file_name), '' , '' , $this-&gt;image-&gt;main_thumbnail_x, $this-&gt;image-&gt;main_thumbnail_y);
$main_thumb_x = $this-&gt;image-&gt;main_thumbnail_x;
$main_thumb_y = $this-&gt;image-&gt;main_thumbnail_y;
$this-&gt;classbadge-&gt;placeBadges($this-&gt;image, $this-&gt;row-&gt;badges, -10, 0);
$this-&gt;image-&gt;main_thumbnail_x = $main_thumb_x;
$this-&gt;image-&gt;main_thumbnail_y = $main_thumb_y;

if($this-&gt;params-&gt;get('link_to_product_page',1)){ ?&gt;
&lt;/a&gt;
&lt;?php } ?&gt;
&lt;/div&gt;
&lt;/div&gt;--&gt;

please help me out,

Gerard

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzgyNzE4LWxheW91dC1mb3Itc2hvd2luZy1wcm9kdWN0cz90bXBsPW1hcmtkb3du) or [Create an account](/register) to join the conversation.

- **[Eliot](/forum/user/1824-eliot "View Eliot's Profile")**
- [![Eliot's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar1824.png)](/forum/user/1824-eliot "View Eliot's Profile")
- [ Offline](/forum/user/1824-eliot)

Less More

- Posts: 2334
- Thank you received: 403
-
-

13 years 5 months ago [\#106445](#106445) by [Eliot](/forum/user/1824-eliot "View Eliot's Profile")  Replied by *[Eliot](/forum/user/1824-eliot "View Eliot's Profile")* on topic *[layout for showing products](/forum/2-general-talk-about-hikashop/82718-layout-for-showing-products#106445 "hi,  i like to ask 2 questions:  in my website, when you select a category (in the lowest level) you see all the products. For every products there is a DIV with image, price, etc. Is it possible to show all the products as lines instead of DIV?  When you add a product to the shopping cart, you see only the price. How can i show the name of product + the quantity + the price in the shopping cart?  thank you,  greetings, Gerard")*

Hi Gerard,

You probably just edited the wrong view.
You have to edit the view selected in "Type of item layout" (for example image and title is the view product/listing_img_title).
This view also has to be related to your template.

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzgyNzE4LWxheW91dC1mb3Itc2hvd2luZy1wcm9kdWN0cz90bXBsPW1hcmtkb3du) or [Create an account](/register) to join the conversation.

- **[Gerard](/forum/user/16346-gerard "View Gerard's Profile")**
- [![Gerard's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/16346-gerard "View Gerard's Profile") Topic Author
- [ Offline](/forum/user/16346-gerard)

Less More

- Posts: 20
- Thank you received: 0
-
-

13 years 5 months ago -  13 years 5 months ago [\#106490](#106490) by [Gerard](/forum/user/16346-gerard "View Gerard's Profile")  Replied by *[Gerard](/forum/user/16346-gerard "View Gerard's Profile")* on topic *[layout for showing products](/forum/2-general-talk-about-hikashop/82718-layout-for-showing-products#106490 "hi,  i like to ask 2 questions:  in my website, when you select a category (in the lowest level) you see all the products. For every products there is a DIV with image, price, etc. Is it possible to show all the products as lines instead of DIV?  When you add a product to the shopping cart, you see only the price. How can i show the name of product + the quantity + the price in the shopping cart?  thank you,  greetings, Gerard")*

hi,

in menu extensions - modules i open module with ID 87. I assume this is the module i have to modify.
in the upper left pane:
type of content = Article (product)
type of layout = Table

I had to modify the view listing_table.
Now i have deleted the right piece of code in order to hide the image.
It's okay now.

Last edit: 13 years 5 months ago by [Gerard](/forum/user/16346-gerard "View Gerard's Profile").

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzgyNzE4LWxheW91dC1mb3Itc2hvd2luZy1wcm9kdWN0cz90bXBsPW1hcmtkb3du) or [Create an account](/register) to join the conversation.

Board Categories HikaShop Install &amp; Update Product &amp; Category Display Content Creation Sales and Orders Orders management Reports &amp; Statistics Customers Checkout Payment Methods Shipping Methods Import &amp; Export (CSV, XLS…) Specific Features Affilation Taxes Wishlist Vote Carousel &amp; Slider Mass Actions Filters &amp; Search Discount &amp; Coupon Feature Request Integrations Showcase General Talk about HikaShop Development HikaShop 3.0 Beta Translation Commercial Jobs HikaShop Components HikaMarket Market: Feature requests Market: How to? Market: Bug Report HikaSerial General talk about HikaSerial Serial: Bug Report Serial: How to? Support en Français de HikaSerial (French Support) HikaSubscription HikaAuction Auction: Feature requests Auction: How to? Auction: Bug report Hikashop around the world Support en Français (French Support) Russian FAQ. Курс выживания с Hikashop. Частые вопросы и о Расширения Hikashop Наши сайты на Hikashop 日本語版サポート(Japanese Support) Thai German Archives Bug Report How to?

[](/forum/topics/feed/mode-topics?format=feed&type=rss)

Time to create page: 0.151 seconds

[Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org)

[](#top)
