layout for showing products

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>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.

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

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

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

For the css, you can found our style at this adress 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>Configuratio>display>css).

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

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

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>View, find for example the product/listing_img_desc and delete the part with the things you don't need (like the image).

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

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


product/listing_img_desc

<!-- PRODUCT IMG -->
<!--<?php if($this->config->get('thumbnail',1)){ ?>

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

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

if($this->params->get('link_to_product_page',1)){ ?>
</a>
<?php } ?>
</div>
</div>-->


please help me out,

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.

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.