product layout

  • Posts: 22
  • Thank you received: 0
11 years 7 months ago #124716

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?

Attachments:

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

  • Posts: 83766
  • Thank you received: 13555
  • MODERATOR
11 years 7 months ago #124726

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; }

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

  • Posts: 22
  • Thank you received: 0
11 years 7 months ago #124908

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:

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


?>

Attachments:

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

  • Posts: 83766
  • Thank you received: 13555
  • MODERATOR
11 years 7 months ago #124948

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.

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

Time to create page: 0.064 seconds
Powered by Kunena Forum