- Posts: 22
- Thank you received: 0
product layout
13 years 1 week ago #124716
by mpourkos
product layout was created by mpourkos
Hello again,
i m trying to fix my product layout from the show.php but it seems pretty hard. The layout right now is like the image 1.jpg.
I want to show the price next to product title (example "Animated Match - 12.40$")
I also want to show the product description and add to cart button on the right side of the view.
How can i do that?
i m trying to fix my product layout from the show.php but it seems pretty hard. The layout right now is like the image 1.jpg.
I want to show the price next to product title (example "Animated Match - 12.40$")
I also want to show the product description and add to cart button on the right side of the view.
How can i do that?
Please Log in or Create an account to join the conversation.
13 years 1 week ago #124726
by nicolas
Replied by nicolas on topic product layout
Hi,
It indeed must be hard since the modification for the price and the description has to be done in the "show_default" view file, not the "show" view file which you shouldn't change
And for the fact that the right part of the layout doesn't display on the right but in the bottom, you need to add some CSS to fix the width in the frontend CSS file of Hikashop. For example:
.hikashop_product_right_part{ width : 45% !important; }
It indeed must be hard since the modification for the price and the description has to be done in the "show_default" view file, not the "show" view file which you shouldn't change
And for the fact that the right part of the layout doesn't display on the right but in the bottom, you need to add some CSS to fix the width in the frontend CSS file of Hikashop. For example:
.hikashop_product_right_part{ width : 45% !important; }
Please Log in or Create an account to join the conversation.
13 years 1 week ago #124908
by mpourkos
Replied by mpourkos on topic product layout
I made the changes but i can't line up the product title with the price! i would like something like this "Product Title - Price". Here is the change in show_default.php i made:
<span id="hikashop_product_name_main" class="hikashop_product_name_main">
<?php
if (hikashop_getCID('product_id')!=$this->element->product_id && isset ($this->element->main->product_name))
echo $this->element->main->product_name;
else
echo $this->element->product_name;
i put this code:
?>
<span id="hikashop_product_name_main" class="hikashop_product_name_main">
<?php
if (hikashop_getCID('product_id')!=$this->element->product_id && isset ($this->element->main->product_name))
echo $this->element->main->product_name;
else
echo $this->element->product_name;
i put this code:
if ($this->params->get('show_price')) {
$this->row = & $this->element;
$this->setLayout('listing_price');
echo $this->loadTemplate();
}
?>
Please Log in or Create an account to join the conversation.
13 years 1 week ago #124948
by nicolas
Replied by nicolas on topic product layout
You'll have to add some CSS to finish the job as the default CSS of both elements are not made for having one next to the other and it also depends on your template CSS.
We have a small tutorial here www.hikashop.com/support/documentation/1...ize-the-display.html which explains how to change the CSS.
We have a small tutorial here www.hikashop.com/support/documentation/1...ize-the-display.html which explains how to change the CSS.
Please Log in or Create an account to join the conversation.
Time to create page: 0.127 seconds