[Skip to main content](#vessel-content)

#   Modify Layout on product page

##

- **[Teto](/forum/user/8045-teto "View Teto's Profile")**
- [![Teto's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar8045_2012-09-12.png)](/forum/user/8045-teto "View Teto's Profile") Topic Author
- [ Offline](/forum/user/8045-teto)

Less More

- Posts: 184
- Thank you received: 4
-
- [](http://www.madeinvino.com)
-

14 years 3 months ago -  14 years 3 months ago [\#56993](#56993) by [Teto](/forum/user/8045-teto "View Teto's Profile")  *[Modify Layout on product page](/forum/4-how-to/56993-modify-layout-on-product-page#56993 "I use Joomla 2.5.6, Hikashop 1.5.8 and a template generated with Artisteer 3.1  My product page doesn't look very well. Probably due to some space constraints (the product page has about 750/800 px) the &quot;right part&quot; goes under the &quot;left part&quot;. Is there a way to avoid it?  I would also to customize a little bit the product layout page in order to obtain this result (all the fields alligned on the left). Is it possibile?  I would also like to know if is possible to view the comment in a separate tab?  Thank you so much for your help. :)")* was created by *[Teto](/forum/user/8045-teto "View Teto's Profile")*

I use Joomla 2.5.6, Hikashop 1.5.8 and a template generated with Artisteer 3.1

My product page doesn't look very well.
Probably due to some space constraints (the product page has about 750/800 px) the "right part" goes under the "left part".
Is there a way to avoid it?

[ ![CurrentLayoutPage.jpg](/forum/attachment/4678) ](/forum/attachment/4678 "...LayoutPage.jpg")

I would also to customize a little bit the product layout page in order to obtain this result (all the fields alligned on the left). Is it possibile?

[ ![desiredLayoutPage.jpg](/forum/attachment/4679) ](/forum/attachment/4679 "...LayoutPage.jpg")

I would also like to know if is possible to view the comment in a separate tab?

[ ![separetedtabforcomments.jpg](/forum/attachment/4680) ](/forum/attachment/4680 "...orcomments.jpg")

Thank you so much for your help. ![:)](/media/kunena/emoticons/3.png ":)")

- [ ![CurrentLayoutPage.jpg](/forum/attachment/4678) ](/forum/attachment/4678 "...LayoutPage.jpg") [ ](/forum/attachment/4678?download=1 "...LayoutPage.jpg")
- [ ![desiredLayoutPage.jpg](/forum/attachment/4679) ](/forum/attachment/4679 "...LayoutPage.jpg") [ ](/forum/attachment/4679?download=1 "...LayoutPage.jpg")
- [ ![separetedtabforcomments.jpg](/forum/attachment/4680) ](/forum/attachment/4680 "...orcomments.jpg") [ ](/forum/attachment/4680?download=1 "...orcomments.jpg")

Last edit: 14 years 3 months ago by [Teto](/forum/user/8045-teto "View Teto's Profile").

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzU2OTkzLW1vZGlmeS1sYXlvdXQtb24tcHJvZHVjdC1wYWdlP3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation.

- **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")**
- [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile")
- [ Offline](/forum/user/63-nicolas)

Less More

- Posts: 86322
- Thank you received: 14281
-
-

14 years 3 months ago [\#57045](#57045) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: Modify Layout on product page](/forum/4-how-to/56993-modify-layout-on-product-page#57045 "I use Joomla 2.5.6, Hikashop 1.5.8 and a template generated with Artisteer 3.1  My product page doesn't look very well. Probably due to some space constraints (the product page has about 750/800 px) the &quot;right part&quot; goes under the &quot;left part&quot;. Is there a way to avoid it?  I would also to customize a little bit the product layout page in order to obtain this result (all the fields alligned on the left). Is it possibile?  I would also like to know if is possible to view the comment in a separate tab?  Thank you so much for your help. :)")*

Hi,

For the right area going under the image, you can look here:
[ www.hikashop.com/en/forum/4-how-to/48858...t-inconsistency.html](http://www.hikashop.com/en/forum/4-how-to/48858-layout-inconsistency.html)

For the price alignement, you can look here:
[ www.hikashop.com/en/forum/2-general-talk...uct-detail-page.html](http://www.hikashop.com/en/forum/2-general-talk-about-hikashop/45028-align-price-left-on-product-detail-page.html)

For the tabs, you will have to do something similar to this:
[ www.hikashop.com/fr/forum/4-how-to/52260...on-product-page.html](http://www.hikashop.com/fr/forum/4-how-to/52260-tabs-on-product-page.html)

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzU2OTkzLW1vZGlmeS1sYXlvdXQtb24tcHJvZHVjdC1wYWdlP3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation.

- **[Teto](/forum/user/8045-teto "View Teto's Profile")**
- [![Teto's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar8045_2012-09-12.png)](/forum/user/8045-teto "View Teto's Profile") Topic Author
- [ Offline](/forum/user/8045-teto)

Less More

- Posts: 184
- Thank you received: 4
-
- [](http://www.madeinvino.com)
-

14 years 3 months ago -  14 years 3 months ago [\#57086](#57086) by [Teto](/forum/user/8045-teto "View Teto's Profile")  Replied by *[Teto](/forum/user/8045-teto "View Teto's Profile")* on topic *[Re: Modify Layout on product page](/forum/4-how-to/56993-modify-layout-on-product-page#57086 "I use Joomla 2.5.6, Hikashop 1.5.8 and a template generated with Artisteer 3.1  My product page doesn't look very well. Probably due to some space constraints (the product page has about 750/800 px) the &quot;right part&quot; goes under the &quot;left part&quot;. Is there a way to avoid it?  I would also to customize a little bit the product layout page in order to obtain this result (all the fields alligned on the left). Is it possibile?  I would also like to know if is possible to view the comment in a separate tab?  Thank you so much for your help. :)")*

Thank you as always, with your help everything seems simple also for me!!!

I was able to modify the first 2 things but I have some problem with the last one.

I modified the product / show_default.php as follow

&lt;div id="hikashop_product_bottom_part" class="hikashop_product_bottom_part"&gt;
{tab=Tab Title 1}
&lt;div id="hikashop_product_description_main" class="hikashop_product_description_main"&gt;
&lt;?php
echo JHTML::_('content.prepare',preg_replace('#&lt;hr *id="system-readmore" */&gt;#i','',$this-&gt;element-&gt;product_description));
?&gt;
&lt;/div&gt;
&lt;span id="hikashop_product_url_main" class="hikashop_product_url_main"&gt;
&lt;?php
if (!empty ($this-&gt;element-&gt;product_url)) {
echo JText :: sprintf('MANUFACTURER_URL', '&lt;a href="' . $this-&gt;element-&gt;product_url . '" target="_blank"&gt;' . $this-&gt;element-&gt;product_url . '&lt;/a&gt;');
}
?&gt;
&lt;/span&gt;
{tab=Tab Title 2}
&lt;?php
$this-&gt;setLayout('show_block_product_files');
echo $this-&gt;loadTemplate();
?&gt;
&lt;div id="hikashop_product_vote_listing" class="hikashop_product_vote_listing"&gt;
&lt;?php
if($this-&gt;params-&gt;get('show_vote_product')){
$js = '';
$params = null; //Params already existing in the previous getLayout('vote', ...)
echo hikashop_getLayout('vote', 'listing', $params, $js);
?&gt;
&lt;/div&gt;
&lt;div id="hikashop_product_vote_form" class="hikashop_product_vote_form"&gt;
&lt;?php
$js = '';
$params = null;
echo hikashop_getLayout('vote', 'form', $params, $js);
}
?&gt;
&lt;/div&gt;
{/tabs}
&lt;/div&gt;

i also modified the product / show.php as follow

&lt;form action="&lt;?php echo hikashop_completeLink('product&amp;task=updatecart'); ?&gt;" method="post" name="hikashop_product_form" enctype="multipart/form-data"&gt;
&lt;?php
$this-&gt;setLayout($this-&gt;productlayout);
/*
Old code - Stefano
echo $this-&gt;loadTemplate();
\*/
echo JHTML::\_('content.prepare',$this-&gt;loadTemplate());?&gt;

but unfortunately it doen't work, did i miss something?

[ ![problemwithtabs.png](/forum/attachment/4700) ](/forum/attachment/4700 "...emwithtabs.png")

- [ ![problemwithtabs.png](/forum/attachment/4700) ](/forum/attachment/4700 "...emwithtabs.png") [ ](/forum/attachment/4700?download=1 "...emwithtabs.png")

Last edit: 14 years 3 months ago by [Teto](/forum/user/8045-teto "View Teto's Profile").

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzU2OTkzLW1vZGlmeS1sYXlvdXQtb24tcHJvZHVjdC1wYWdlP3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation.

- **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")**
- [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile")
- [ Offline](/forum/user/63-nicolas)

Less More

- Posts: 86322
- Thank you received: 14281
-
-

14 years 3 months ago [\#57164](#57164) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: Modify Layout on product page](/forum/4-how-to/56993-modify-layout-on-product-page#57164 "I use Joomla 2.5.6, Hikashop 1.5.8 and a template generated with Artisteer 3.1  My product page doesn't look very well. Probably due to some space constraints (the product page has about 750/800 px) the &quot;right part&quot; goes under the &quot;left part&quot;. Is there a way to avoid it?  I would also to customize a little bit the product layout page in order to obtain this result (all the fields alligned on the left). Is it possibile?  I would also like to know if is possible to view the comment in a separate tab?  Thank you so much for your help. :)")*

I would say that the problem is that the second view file modification you made (in product/show.php) was not for the correct template. Could you double check that ?

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzU2OTkzLW1vZGlmeS1sYXlvdXQtb24tcHJvZHVjdC1wYWdlP3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation.

- **[Teto](/forum/user/8045-teto "View Teto's Profile")**
- [![Teto's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar8045_2012-09-12.png)](/forum/user/8045-teto "View Teto's Profile") Topic Author
- [ Offline](/forum/user/8045-teto)

Less More

- Posts: 184
- Thank you received: 4
-
- [](http://www.madeinvino.com)
-

14 years 3 months ago -  14 years 3 months ago [\#57191](#57191) by [Teto](/forum/user/8045-teto "View Teto's Profile")  Replied by *[Teto](/forum/user/8045-teto "View Teto's Profile")* on topic *[Re: Modify Layout on product page](/forum/4-how-to/56993-modify-layout-on-product-page#57191 "I use Joomla 2.5.6, Hikashop 1.5.8 and a template generated with Artisteer 3.1  My product page doesn't look very well. Probably due to some space constraints (the product page has about 750/800 px) the &quot;right part&quot; goes under the &quot;left part&quot;. Is there a way to avoid it?  I would also to customize a little bit the product layout page in order to obtain this result (all the fields alligned on the left). Is it possibile?  I would also like to know if is possible to view the comment in a separate tab?  Thank you so much for your help. :)")*

I checked the situation and I confirm I modified the right template "templatesemplicev3".

I thought it depends by the Template (it is a custom template made with Artisteer 3.1) but with the default Joomla template (Beez2) I have the same problem.

Do you have other ideas?
If you want I may privately send you the URL, username and password to check the site backend.

Last edit: 14 years 3 months ago by [Teto](/forum/user/8045-teto "View Teto's Profile").

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzU2OTkzLW1vZGlmeS1sYXlvdXQtb24tcHJvZHVjdC1wYWdlP3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation.

- **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")**
- [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile")
- [ Offline](/forum/user/63-nicolas)

Less More

- Posts: 86322
- Thank you received: 14281
-
-

14 years 3 months ago [\#57268](#57268) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: Modify Layout on product page](/forum/4-how-to/56993-modify-layout-on-product-page#57268 "I use Joomla 2.5.6, Hikashop 1.5.8 and a template generated with Artisteer 3.1  My product page doesn't look very well. Probably due to some space constraints (the product page has about 750/800 px) the &quot;right part&quot; goes under the &quot;left part&quot;. Is there a way to avoid it?  I would also to customize a little bit the product layout page in order to obtain this result (all the fields alligned on the left). Is it possibile?  I would also like to know if is possible to view the comment in a separate tab?  Thank you so much for your help. :)")*

Yes. Please provide that via our contact form with a link to that thread:
[ www.hikashop.com/en/contact-us.html](http://www.hikashop.com/en/contact-us.html)

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzU2OTkzLW1vZGlmeS1sYXlvdXQtb24tcHJvZHVjdC1wYWdlP3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation.

- **[Teto](/forum/user/8045-teto "View Teto's Profile")**
- [![Teto's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar8045_2012-09-12.png)](/forum/user/8045-teto "View Teto's Profile") Topic Author
- [ Offline](/forum/user/8045-teto)

Less More

- Posts: 184
- Thank you received: 4
-
- [](http://www.madeinvino.com)
-

14 years 3 months ago [\#57308](#57308) by [Teto](/forum/user/8045-teto "View Teto's Profile")  Replied by *[Teto](/forum/user/8045-teto "View Teto's Profile")* on topic *[Re: Modify Layout on product page](/forum/4-how-to/56993-modify-layout-on-product-page#57308 "I use Joomla 2.5.6, Hikashop 1.5.8 and a template generated with Artisteer 3.1  My product page doesn't look very well. Probably due to some space constraints (the product page has about 750/800 px) the &quot;right part&quot; goes under the &quot;left part&quot;. Is there a way to avoid it?  I would also to customize a little bit the product layout page in order to obtain this result (all the fields alligned on the left). Is it possibile?  I would also like to know if is possible to view the comment in a separate tab?  Thank you so much for your help. :)")*

Thank you really much! ![:)](/media/kunena/emoticons/3.png ":)")

I sent to you all the information needed.
I'm really curious to know the reason because it doesn't work.

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzU2OTkzLW1vZGlmeS1sYXlvdXQtb24tcHJvZHVjdC1wYWdlP3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation.

- **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")**
- [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile")
- [ Offline](/forum/user/63-nicolas)

Less More

- Posts: 86322
- Thank you received: 14281
-
-

14 years 3 months ago [\#57379](#57379) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: Modify Layout on product page](/forum/4-how-to/56993-modify-layout-on-product-page#57379 "I use Joomla 2.5.6, Hikashop 1.5.8 and a template generated with Artisteer 3.1  My product page doesn't look very well. Probably due to some space constraints (the product page has about 750/800 px) the &quot;right part&quot; goes under the &quot;left part&quot;. Is there a way to avoid it?  I would also to customize a little bit the product layout page in order to obtain this result (all the fields alligned on the left). Is it possibile?  I would also like to know if is possible to view the comment in a separate tab?  Thank you so much for your help. :)")*

You didn't install and publish the tabber plugin:
[ extensions.joomla.org/extensions/news-di.../articles-tabs/14493](http://extensions.joomla.org/extensions/news-display/article-elements/articles-tabs/14493)

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzU2OTkzLW1vZGlmeS1sYXlvdXQtb24tcHJvZHVjdC1wYWdlP3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation.

- **[Teto](/forum/user/8045-teto "View Teto's Profile")**
- [![Teto's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar8045_2012-09-12.png)](/forum/user/8045-teto "View Teto's Profile") Topic Author
- [ Offline](/forum/user/8045-teto)

Less More

- Posts: 184
- Thank you received: 4
-
- [](http://www.madeinvino.com)
-

14 years 3 months ago [\#57382](#57382) by [Teto](/forum/user/8045-teto "View Teto's Profile")  Replied by *[Teto](/forum/user/8045-teto "View Teto's Profile")* on topic *[Re: Modify Layout on product page](/forum/4-how-to/56993-modify-layout-on-product-page#57382 "I use Joomla 2.5.6, Hikashop 1.5.8 and a template generated with Artisteer 3.1  My product page doesn't look very well. Probably due to some space constraints (the product page has about 750/800 px) the &quot;right part&quot; goes under the &quot;left part&quot;. Is there a way to avoid it?  I would also to customize a little bit the product layout page in order to obtain this result (all the fields alligned on the left). Is it possibile?  I would also like to know if is possible to view the comment in a separate tab?  Thank you so much for your help. :)")*

I apologize, I hadn't done the most important thing... :blush: :blush: :blush:

Thanks a lot

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzU2OTkzLW1vZGlmeS1sYXlvdXQtb24tcHJvZHVjdC1wYWdlP3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation.

- **[Teto](/forum/user/8045-teto "View Teto's Profile")**
- [![Teto's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar8045_2012-09-12.png)](/forum/user/8045-teto "View Teto's Profile") Topic Author
- [ Offline](/forum/user/8045-teto)

Less More

- Posts: 184
- Thank you received: 4
-
- [](http://www.madeinvino.com)
-

14 years 3 months ago -  14 years 3 months ago [\#59737](#59737) by [Teto](/forum/user/8045-teto "View Teto's Profile")  Replied by *[Teto](/forum/user/8045-teto "View Teto's Profile")* on topic *[Re: Modify Layout on product page](/forum/4-how-to/56993-modify-layout-on-product-page#59737 "I use Joomla 2.5.6, Hikashop 1.5.8 and a template generated with Artisteer 3.1  My product page doesn't look very well. Probably due to some space constraints (the product page has about 750/800 px) the &quot;right part&quot; goes under the &quot;left part&quot;. Is there a way to avoid it?  I would also to customize a little bit the product layout page in order to obtain this result (all the fields alligned on the left). Is it possibile?  I would also like to know if is possible to view the comment in a separate tab?  Thank you so much for your help. :)")*

Hello nicolas

do you think is possbile to move the "specificatons fields" to a separate TAB?

[ ![desiredlayout.png](/forum/attachment/5065) ](/forum/attachment/5065 "desiredlayout.png")

Could you indicate what piece of code I have to move/change?

Could you also indicate if is possible to move the small product image at the right of the main picture?

[ ![imagelayout.png](/forum/attachment/5066) ](/forum/attachment/5066 "imagelayout.png")

Thank you

- [ ![Currentlayout.png](/forum/attachment/5064) ](/forum/attachment/5064 "Currentlayout.png") [ ](/forum/attachment/5064?download=1 "Currentlayout.png")
- [ ![desiredlayout.png](/forum/attachment/5065) ](/forum/attachment/5065 "desiredlayout.png") [ ](/forum/attachment/5065?download=1 "desiredlayout.png")
- [ ![imagelayout.png](/forum/attachment/5066) ](/forum/attachment/5066 "imagelayout.png") [ ](/forum/attachment/5066?download=1 "imagelayout.png")

Last edit: 14 years 3 months ago by [Teto](/forum/user/8045-teto "View Teto's Profile").

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzU2OTkzLW1vZGlmeS1sYXlvdXQtb24tcHJvZHVjdC1wYWdlP3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation.

- **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")**
- [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile")
- [ Offline](/forum/user/63-nicolas)

Less More

- Posts: 86322
- Thank you received: 14281
-
-

14 years 2 months ago [\#59799](#59799) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: Modify Layout on product page](/forum/4-how-to/56993-modify-layout-on-product-page#59799 "I use Joomla 2.5.6, Hikashop 1.5.8 and a template generated with Artisteer 3.1  My product page doesn't look very well. Probably due to some space constraints (the product page has about 750/800 px) the &quot;right part&quot; goes under the &quot;left part&quot;. Is there a way to avoid it?  I would also to customize a little bit the product layout page in order to obtain this result (all the fields alligned on the left). Is it possibile?  I would also like to know if is possible to view the comment in a separate tab?  Thank you so much for your help. :)")*

That's the code used to display the specifications area in your view file :
if(!empty($this-&gt;fields)){
$this-&gt;setLayout('show_block_custom_main');
echo $this-&gt;loadTemplate();
}

Just move it inside your tab tags with potentially &lt;?php and ?&gt; tags around it and it will be in the tabs.

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzU2OTkzLW1vZGlmeS1sYXlvdXQtb24tcHJvZHVjdC1wYWdlP3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation.

- **[Teto](/forum/user/8045-teto "View Teto's Profile")**
- [![Teto's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar8045_2012-09-12.png)](/forum/user/8045-teto "View Teto's Profile") Topic Author
- [ Offline](/forum/user/8045-teto)

Less More

- Posts: 184
- Thank you received: 4
-
- [](http://www.madeinvino.com)
-

14 years 2 months ago -  14 years 2 months ago [\#59893](#59893) by [Teto](/forum/user/8045-teto "View Teto's Profile")  Replied by *[Teto](/forum/user/8045-teto "View Teto's Profile")* on topic *[Re: Modify Layout on product page](/forum/4-how-to/56993-modify-layout-on-product-page#59893 "I use Joomla 2.5.6, Hikashop 1.5.8 and a template generated with Artisteer 3.1  My product page doesn't look very well. Probably due to some space constraints (the product page has about 750/800 px) the &quot;right part&quot; goes under the &quot;left part&quot;. Is there a way to avoid it?  I would also to customize a little bit the product layout page in order to obtain this result (all the fields alligned on the left). Is it possibile?  I would also like to know if is possible to view the comment in a separate tab?  Thank you so much for your help. :)")*

Thank You!!!

I did it, I also had to move that part in the bottom area ![B)](/media/kunena/emoticons/9.png "B)")

&lt;div id="hikashop_product_bottom_part" class="hikashop_product_bottom_part"&gt;

&lt;?php // Stefano Start - Le 5 righe di cui sopra sono state spostate qui ed è stata aggiunta la stringa per abilitare la TAB?&gt;
&lt;?php
if(!empty($this-&gt;fields)){
?&gt; {tab=Caratteristiche&#124;grey} &lt;?php
$this-&gt;setLayout('show_block_custom_main');
echo $this-&gt;loadTemplate();
}
?&gt;
&lt;?php // Stefano End ?&gt;

I'm falling in love with Hikashop!!! :laugh: :laugh:

Do you know if is possible to move the small picture of the product to the right of the image? (see my previous message).

Thanks as usual! ![:cheer:](/media/kunena/emoticons/2.png ":cheer:") ![:cheer:](/media/kunena/emoticons/2.png ":cheer:")

Last edit: 14 years 2 months ago by [Teto](/forum/user/8045-teto "View Teto's Profile").

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzU2OTkzLW1vZGlmeS1sYXlvdXQtb24tcHJvZHVjdC1wYWdlP3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation.

- **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")**
- [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile")
- [ Offline](/forum/user/63-nicolas)

Less More

- Posts: 86322
- Thank you received: 14281
-
-

14 years 2 months ago [\#59975](#59975) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: Modify Layout on product page](/forum/4-how-to/56993-modify-layout-on-product-page#59975 "I use Joomla 2.5.6, Hikashop 1.5.8 and a template generated with Artisteer 3.1  My product page doesn't look very well. Probably due to some space constraints (the product page has about 750/800 px) the &quot;right part&quot; goes under the &quot;left part&quot;. Is there a way to avoid it?  I would also to customize a little bit the product layout page in order to obtain this result (all the fields alligned on the left). Is it possibile?  I would also like to know if is possible to view the comment in a separate tab?  Thank you so much for your help. :)")*

You can do that with CSS. You might need to adapt the values a bit but you should be able to do it with that CSS:
.hikashop_main_image_div{
width: 60%;
float: left;
}

.hikashop_small_image_div{
width: 20%;
float: right;
}

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzU2OTkzLW1vZGlmeS1sYXlvdXQtb24tcHJvZHVjdC1wYWdlP3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation.

- **[Teto](/forum/user/8045-teto "View Teto's Profile")**
- [![Teto's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar8045_2012-09-12.png)](/forum/user/8045-teto "View Teto's Profile") Topic Author
- [ Offline](/forum/user/8045-teto)

Less More

- Posts: 184
- Thank you received: 4
-
- [](http://www.madeinvino.com)
-

14 years 2 months ago -  14 years 2 months ago [\#60055](#60055) by [Teto](/forum/user/8045-teto "View Teto's Profile")  Replied by *[Teto](/forum/user/8045-teto "View Teto's Profile")* on topic *[Re: Modify Layout on product page](/forum/4-how-to/56993-modify-layout-on-product-page#60055 "I use Joomla 2.5.6, Hikashop 1.5.8 and a template generated with Artisteer 3.1  My product page doesn't look very well. Probably due to some space constraints (the product page has about 750/800 px) the &quot;right part&quot; goes under the &quot;left part&quot;. Is there a way to avoid it?  I would also to customize a little bit the product layout page in order to obtain this result (all the fields alligned on the left). Is it possibile?  I would also like to know if is possible to view the comment in a separate tab?  Thank you so much for your help. :)")*

Great!!!!! :laugh: :laugh:

I swear this is my last question...

how could I set a fix width for the name of the custom fields?

I tried to insert a margin in .hikashop_product_custom_name but the space is different between the varoius products

.hikashop_product_custom_name{
font-weight:bold;
/* Stefano Start */
/* Spazi per caratteristiche */
margin-right:50px;
/* Stefano End */
}

[ ![customfields.png](/forum/attachment/5094) ](/forum/attachment/5094 "customfields.png")

I would like to have the same width and different height depending on the content of the relative field.

- [ ![customfields.png](/forum/attachment/5094) ](/forum/attachment/5094 "customfields.png") [ ](/forum/attachment/5094?download=1 "customfields.png")

Last edit: 14 years 2 months ago by [Teto](/forum/user/8045-teto "View Teto's Profile").

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzU2OTkzLW1vZGlmeS1sYXlvdXQtb24tcHJvZHVjdC1wYWdlP3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation.

- **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")**
- [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile")
- [ Offline](/forum/user/63-nicolas)

Less More

- Posts: 86322
- Thank you received: 14281
-
-

14 years 2 months ago [\#60126](#60126) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: Modify Layout on product page](/forum/4-how-to/56993-modify-layout-on-product-page#60126 "I use Joomla 2.5.6, Hikashop 1.5.8 and a template generated with Artisteer 3.1  My product page doesn't look very well. Probably due to some space constraints (the product page has about 750/800 px) the &quot;right part&quot; goes under the &quot;left part&quot;. Is there a way to avoid it?  I would also to customize a little bit the product layout page in order to obtain this result (all the fields alligned on the left). Is it possibile?  I would also like to know if is possible to view the comment in a separate tab?  Thank you so much for your help. :)")*

I think that you should use something like that CSS:
\#hikashop_product_custom_info_main td.key{ width 100px; }

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzU2OTkzLW1vZGlmeS1sYXlvdXQtb24tcHJvZHVjdC1wYWdlP3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation.

- **[Teto](/forum/user/8045-teto "View Teto's Profile")**
- [![Teto's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar8045_2012-09-12.png)](/forum/user/8045-teto "View Teto's Profile") Topic Author
- [ Offline](/forum/user/8045-teto)

Less More

- Posts: 184
- Thank you received: 4
-
- [](http://www.madeinvino.com)
-

14 years 2 months ago [\#60158](#60158) by [Teto](/forum/user/8045-teto "View Teto's Profile")  Replied by *[Teto](/forum/user/8045-teto "View Teto's Profile")* on topic *[Re: Modify Layout on product page](/forum/4-how-to/56993-modify-layout-on-product-page#60158 "I use Joomla 2.5.6, Hikashop 1.5.8 and a template generated with Artisteer 3.1  My product page doesn't look very well. Probably due to some space constraints (the product page has about 750/800 px) the &quot;right part&quot; goes under the &quot;left part&quot;. Is there a way to avoid it?  I would also to customize a little bit the product layout page in order to obtain this result (all the fields alligned on the left). Is it possibile?  I would also like to know if is possible to view the comment in a separate tab?  Thank you so much for your help. :)")*

Thank you, unfortunately it works only partially.

when you set a width the system automatically splits the table in 2 parts of the same width.

I tried to increase/decrease the pixels and also to use the % but it isn't possible to set the left part and the right part with different width.

####  Attachment Example.png not found

-

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzU2OTkzLW1vZGlmeS1sYXlvdXQtb24tcHJvZHVjdC1wYWdlP3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation.

- **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")**
- [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile")
- [ Offline](/forum/user/63-nicolas)

Less More

- Posts: 86322
- Thank you received: 14281
-
-

14 years 2 months ago [\#60232](#60232) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: Modify Layout on product page](/forum/4-how-to/56993-modify-layout-on-product-page#60232 "I use Joomla 2.5.6, Hikashop 1.5.8 and a template generated with Artisteer 3.1  My product page doesn't look very well. Probably due to some space constraints (the product page has about 750/800 px) the &quot;right part&quot; goes under the &quot;left part&quot;. Is there a way to avoid it?  I would also to customize a little bit the product layout page in order to obtain this result (all the fields alligned on the left). Is it possibile?  I would also like to know if is possible to view the comment in a separate tab?  Thank you so much for your help. :)")*

Can you give a link to that page so that we can see that ?

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzU2OTkzLW1vZGlmeS1sYXlvdXQtb24tcHJvZHVjdC1wYWdlP3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation.

- **[Teto](/forum/user/8045-teto "View Teto's Profile")**
- [![Teto's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar8045_2012-09-12.png)](/forum/user/8045-teto "View Teto's Profile") Topic Author
- [ Offline](/forum/user/8045-teto)

Less More

- Posts: 184
- Thank you received: 4
-
- [](http://www.madeinvino.com)
-

14 years 2 months ago -  14 years 2 months ago [\#60256](#60256) by [Teto](/forum/user/8045-teto "View Teto's Profile")  Replied by *[Teto](/forum/user/8045-teto "View Teto's Profile")* on topic *[Re: Modify Layout on product page](/forum/4-how-to/56993-modify-layout-on-product-page#60256 "I use Joomla 2.5.6, Hikashop 1.5.8 and a template generated with Artisteer 3.1  My product page doesn't look very well. Probably due to some space constraints (the product page has about 750/800 px) the &quot;right part&quot; goes under the &quot;left part&quot;. Is there a way to avoid it?  I would also to customize a little bit the product layout page in order to obtain this result (all the fields alligned on the left). Is it possibile?  I would also like to know if is possible to view the comment in a separate tab?  Thank you so much for your help. :)")*

[ www.madeinvino.com/index.php/la-nostra-c...-fattoria-gessi.html](http://www.madeinvino.com/index.php/la-nostra-cantina/product/1-brunello-di-montalcino-2010-fattoria-gessi.html)

the web site is [ www.madeinvino.com](http://www.madeinvino.com)
go to "La nostra cantina"
and the choose a product.

thanks

Last edit: 14 years 2 months ago by [Teto](/forum/user/8045-teto "View Teto's Profile").

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzU2OTkzLW1vZGlmeS1sYXlvdXQtb24tcHJvZHVjdC1wYWdlP3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation.

- **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")**
- [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile")
- [ Offline](/forum/user/63-nicolas)

Less More

- Posts: 86322
- Thank you received: 14281
-
-

14 years 2 months ago [\#60308](#60308) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: Modify Layout on product page](/forum/4-how-to/56993-modify-layout-on-product-page#60308 "I use Joomla 2.5.6, Hikashop 1.5.8 and a template generated with Artisteer 3.1  My product page doesn't look very well. Probably due to some space constraints (the product page has about 750/800 px) the &quot;right part&quot; goes under the &quot;left part&quot;. Is there a way to avoid it?  I would also to customize a little bit the product layout page in order to obtain this result (all the fields alligned on the left). Is it possibile?  I would also like to know if is possible to view the comment in a separate tab?  Thank you so much for your help. :)")*

You added the CSS:
\#hikashop_product_custom_info_main td{
border-bottom: 1px solid #CCC;
width: 100px;
}

but I told you to add:
\#hikashop_product_custom_info_main td.key {
width: 100px;
}

That's why it's not working like you want.

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzU2OTkzLW1vZGlmeS1sYXlvdXQtb24tcHJvZHVjdC1wYWdlP3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation.

- **[Teto](/forum/user/8045-teto "View Teto's Profile")**
- [![Teto's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar8045_2012-09-12.png)](/forum/user/8045-teto "View Teto's Profile") Topic Author
- [ Offline](/forum/user/8045-teto)

Less More

- Posts: 184
- Thank you received: 4
-
- [](http://www.madeinvino.com)
-

14 years 2 months ago [\#60341](#60341) by [Teto](/forum/user/8045-teto "View Teto's Profile")  Replied by *[Teto](/forum/user/8045-teto "View Teto's Profile")* on topic *[Re: Modify Layout on product page](/forum/4-how-to/56993-modify-layout-on-product-page#60341 "I use Joomla 2.5.6, Hikashop 1.5.8 and a template generated with Artisteer 3.1  My product page doesn't look very well. Probably due to some space constraints (the product page has about 750/800 px) the &quot;right part&quot; goes under the &quot;left part&quot;. Is there a way to avoid it?  I would also to customize a little bit the product layout page in order to obtain this result (all the fields alligned on the left). Is it possibile?  I would also like to know if is possible to view the comment in a separate tab?  Thank you so much for your help. :)")*

.... :blush:
Thank you!

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzU2OTkzLW1vZGlmeS1sYXlvdXQtb24tcHJvZHVjdC1wYWdlP3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation.

Board Categories HikaShop Install &amp; Update Product &amp; Category Display Content Creation Sales and Orders Orders management Reports &amp; Statistics Customers Checkout Payment Methods Shipping Methods Import &amp; Export (CSV, XLS…) Specific Features Affilation Taxes Wishlist Vote Carousel &amp; Slider Mass Actions Filters &amp; Search Discount &amp; Coupon Feature Request Integrations Showcase General Talk about HikaShop Development HikaShop 3.0 Beta Translation Commercial Jobs HikaShop Components HikaMarket Market: Feature requests Market: How to? Market: Bug Report HikaSerial General talk about HikaSerial Serial: Bug Report Serial: How to? Support en Français de HikaSerial (French Support) HikaSubscription HikaAuction Auction: Feature requests Auction: How to? Auction: Bug report Hikashop around the world Support en Français (French Support) Russian FAQ. Курс выживания с Hikashop. Частые вопросы и о Расширения Hikashop Наши сайты на Hikashop 日本語版サポート(Japanese Support) Thai German Archives Bug Report How to?

[](/forum/topics/feed/mode-topics?format=feed&type=rss)

Time to create page: 0.182 seconds

[Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org)
