Changing the layout i the category listing

Right now I have the default with image, then bold price per unit and product name.

I would like the order image, product name in bold and then unit price, where do I change this?

Hi,

You need to edit the file listing_img_title of the view product via the menu Display->Views. There you can swap the code of the different parts to change the order.

Hi guys

I'm trying to achieve the same thing. I understand I have to switch these parts:

if($this->params->get('show_price')){
$this->setLayout('listing_price');
echo $this->loadTemplate();

}
?>

<span class="hikashop_product_name">
<?php if($this->params->get('link_to_product_page',1)){ ?>
<a href="<?php echo $link;?>">
<?php }
echo $this->row->product_name;
if($this->params->get('link_to_product_page',1)){ ?>
</a>
<?php } ?>
</span>

However, when I put the hikashop_product_name span on top, I get the following error:

Parse error: syntax error, unexpected '<' in /home/ozoncosm/public_html/components/com_hikashop/views/product/tmpl/listing_img_title.php

Please help

Thank you

You need to respect the opening/closing tags.

So you should switch the code:

if($this->params->get('show_price')){
$this->setLayout('listing_price');
echo $this->loadTemplate();
}

and the code:

?>
<span class="hikashop_product_name">
<?php if($this->params->get('link_to_product_page',1)){ ?>
<a href="<?php echo $link;?>">
<?php }
echo $this->row->product_name;
if($this->params->get('link_to_product_page',1)){ ?>
</a>
<?php } ?>
</span>
<?php

That way, you won't have the error.

Here are my next [strike]two[/strike] three questions (Prio-Level: low):

1. Why does the box layout of these two Listing pages look different (one with a border, the other not):

Bücher nach Sprachen

Neueste Listungen

How can I change this?


2. Is there a way to harmonize the Layout of the Shop-Headlines (here: "Buchtitel geordnet nach Sprachen", "Neueste Listungen" ...) with the layout of the Joomla template?


3. I managed to fill in a little description in the main page Shop-Übersicht (like Weltweiter Versand... Wählen Sie eine der nachfolgenden Kategorien für... and so on), but wasn't able to do so in the two categories "Bücher nach Sprachen" and "Neueste Listungen" - why?

Not urgent, but thx in advance, M. :S

1.
The one with a border is a products listing. The one without a border is a categories listing. You will find the CSS below in the CSS front end file that you can access via the interface in the config under the tab display:
div.hikashop_products div.hikashop_subcontainer {
border: 1px solid;
}
That CSS defines the border on products listings. You can add a similar code for the categories if you want. with the class hikashop_category instead of hikashop_products

2. It's already harmonized. The title of these pages uses the CSS defined in your template for the h1 tag. If you want to change it, you should change the CSS of your template for h1 tags.

3. In the menus options (that you can access via the menu Display->Content menus), you need to turn on the "show description" option.

Thx, everything went fine except one regarding the description (answer #3):

My page " Neueste Listungen " (= Latest products) refers to the same main category (= all products/categories) as the Shop Overview , thus the Header is correct, but the description is taken from the Overview.

Possible that I didn't setup my "latest products" module correctly?

Thx, M.

You should have two categories: one being the parent of the other and all the products in the child category. That way, you could have one category as parent of one listing and the other as parent of the other listing. That, way you could have a different description.

HI Nicolas,
I would like to remove the borders from the products listing. Should I then remove


div.hikashop_products div.hikashop_subcontainer {
border: 1px solid;
}


from the CSS of hikashop_products ?

thanks
Cristiano

Yes.

I dont seem to find the string. In which of the front end files is it exaclty?
thanks
CC

You need to edit the CSS of HikaShop via the interface in the tab display of the configuration. The file should be frontend_default.css or frontend_custom.css depending on whether your already edited your CSS previously or not.

you mean configuration not checkout right?

thanks
CC

Indeed. It has been a long day
Time to go to bed!

hey NIcolas,
thanks for helping!
now I removed the lines from the default CSS. this is not what I wanted, I like the box, what bothers me is that the picture Iupload in the middle of the box has another line around it, thats the line I want to remove.
1) how can I do that?

second question: I put the lines back into the custom CSS adn saved it. lets say trying to restore the custom to be identical to the default.
I saved it, however the line around the box is not showing anymore.
2) what do I do wrong?
3) is there a way to kill the custom CSS?

feel free to answer tomorrow and thanks again to the constant support
Cristiano

1. It's probably because of your template CSS. Could you give a link to that page ?

2 and 3. if you want to restore the original CSS, just change the "front end CSS" option from "custom" to "default" and save the configuration.

1) I am using the beez_20 template. the page is not public yet

2) yes I can fall back to default, and thats ok, but I want to fix teh custom in case i need to create a custom in the future. this custom cannot be used anymore.
any way to create a new custom if needed?

thansk
CC

1. Then, try a general CSS:
img {border:0 !important;}

2. You can just edit the default CSS and that will create a new custom CSS.

1 would you put it in the hikashop frontend CSS or where?

1. Yes.