Changing the layout i the category listing

  • Posts: 51
  • Thank you received: 0
13 years 8 months ago #10167

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?

Please Log in or Create an account to join the conversation.

  • Posts: 82867
  • Thank you received: 13374
  • MODERATOR
13 years 8 months ago #10180

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.

Please Log in or Create an account to join the conversation.

  • Posts: 1
  • Thank you received: 0
13 years 8 months ago #11617

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

Last edit: 13 years 8 months ago by anomistu. Reason: code not showing properly

Please Log in or Create an account to join the conversation.

  • Posts: 82867
  • Thank you received: 13374
  • MODERATOR
13 years 8 months ago #11632

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.

Please Log in or Create an account to join the conversation.

  • Posts: 31
  • Thank you received: 0
13 years 6 months ago #16946

Here are my next two 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


www.buch-comptoir.de

shop.buch-comptoir.de

[Weltweiter Versand seltener Bücher]

Please Log in or Create an account to join the conversation.

  • Posts: 82867
  • Thank you received: 13374
  • MODERATOR
13 years 6 months ago #16947

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.

Please Log in or Create an account to join the conversation.

  • Posts: 31
  • Thank you received: 0
13 years 6 months ago #17027

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


www.buch-comptoir.de

shop.buch-comptoir.de

[Weltweiter Versand seltener Bücher]

Please Log in or Create an account to join the conversation.

  • Posts: 82867
  • Thank you received: 13374
  • MODERATOR
13 years 6 months ago #17032

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.

Please Log in or Create an account to join the conversation.

  • Posts: 16
  • Thank you received: 0
13 years 5 months ago #17666

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

Please Log in or Create an account to join the conversation.

  • Posts: 82867
  • Thank you received: 13374
  • MODERATOR
13 years 5 months ago #17671

Yes.

Please Log in or Create an account to join the conversation.

  • Posts: 16
  • Thank you received: 0
13 years 5 months ago #17677

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

Please Log in or Create an account to join the conversation.

  • Posts: 82867
  • Thank you received: 13374
  • MODERATOR
13 years 5 months ago #17679

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.

Last edit: 13 years 5 months ago by nicolas.

Please Log in or Create an account to join the conversation.

  • Posts: 16
  • Thank you received: 0
13 years 5 months ago #17685

you mean configuration not checkout right?

thanks
CC

Please Log in or Create an account to join the conversation.

  • Posts: 82867
  • Thank you received: 13374
  • MODERATOR
13 years 5 months ago #17686

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

Please Log in or Create an account to join the conversation.

  • Posts: 16
  • Thank you received: 0
13 years 5 months ago #17692

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

Please Log in or Create an account to join the conversation.

  • Posts: 82867
  • Thank you received: 13374
  • MODERATOR
13 years 5 months ago #17696

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.

Please Log in or Create an account to join the conversation.

  • Posts: 16
  • Thank you received: 0
13 years 5 months ago #17699

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

Please Log in or Create an account to join the conversation.

  • Posts: 82867
  • Thank you received: 13374
  • MODERATOR
13 years 5 months ago #17707

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.

Please Log in or Create an account to join the conversation.

  • Posts: 16
  • Thank you received: 0
13 years 5 months ago #17736

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

Please Log in or Create an account to join the conversation.

  • Posts: 82867
  • Thank you received: 13374
  • MODERATOR
13 years 5 months ago #17742

1. Yes.

Please Log in or Create an account to join the conversation.

Time to create page: 0.115 seconds
Powered by Kunena Forum