Product detail page modification

Hello

Could somebody navigate me plese, what should I change ? Views or CSS to modify product detail page like I show it on attached screenshot?
I would like to move some elements from one place to another.


thank you for your help

regards
DOminik

Hi,

I think that using some CSS code will be good, but you'll probably have to directly edit your "show_default" file of your "product" view of your front-end template through "Hikashop->Display->Views".

Hi

I prefare to edit view, show_default, but im still lost in which code is for which elements.
Could somebody help me to localize the code for the elements I need to move, as it is on attached screenshot.

thank you

regards
Dominik

Hi,

Here is the code that display your product price :

<span id="hikashop_product_price_main" class="hikashop_product_price_main">
    <?php
    //LAYOUT listing_price
    if ($this->params->get('show_price')) {
      $this->row = & $this->element;
      $this->setLayout('listing_price');
      echo $this->loadTemplate();
    }
    ?>
  </span>

<?php
    //LAYOUT show_block_dimensions
    $this->setLayout('show_block_dimensions');
    echo $this->loadTemplate();
  ?><br />

thank you

Could you please help me with this code for product / show_default view, to move this two elements as it is showned on screenshot?
I try to move the codes you identify for me, but still nothing. I mean the weight moved also with brand name, and also prices are still together.


thank you

regards
Dominik

Hi,

It will be a bit more complicated, you have to edit the view "product / listing_price" to get the part displaying the price.
And edit the view "product / show_block_dimensions" to get the part displaying the weight and add them in the view "product / show_default".

It require PHP knowledges. The other solution, could be as Mohamed said, use css properties.