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

#   Rearrange Product Page

##

- **[CLDesign](/forum/user/4593-cldesign "View CLDesign's Profile")**
- [![CLDesign's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/4593-cldesign "View CLDesign's Profile") Topic Author
- [ Offline](/forum/user/4593-cldesign)

Less More

- Posts: 39
- Thank you received: 0
-
-

14 years 11 months ago [\#30461](#30461) by [CLDesign](/forum/user/4593-cldesign "View CLDesign's Profile")  *[Rearrange Product Page](/forum/2-general-talk-about-hikashop/30461-rearrange-product-page#30461 "Hi! Making progress here, but I would like to make two changes to my product pages:  1) I would like to rearrange the product image so that it's centered and on top of the price, add to cart, etc (but still below the title).  2) I would like to add some padding around the product description at the bottom so that it doesn't stretch across the entire screen.  Your help on this is greatly appreciated!!! Thanks in advance!")* was created by *[CLDesign](/forum/user/4593-cldesign "View CLDesign's Profile")*

Hi! Making progress here, but I would like to make two changes to my product pages:

1) I would like to rearrange the product image so that it's centered and on top of the price, add to cart, etc (but still below the title).

2) I would like to add some padding around the product description at the bottom so that it doesn't stretch across the entire screen.

Your help on this is greatly appreciated!!! Thanks in advance!

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzMwNDYxLXJlYXJyYW5nZS1wcm9kdWN0LXBhZ2U/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) 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")
- [ Away](/forum/user/63-nicolas)

Less More

- Posts: 86321
- Thank you received: 14279
-
-

14 years 11 months ago [\#30464](#30464) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: Rearrange Product Page](/forum/2-general-talk-about-hikashop/30461-rearrange-product-page#30464 "Hi! Making progress here, but I would like to make two changes to my product pages:  1) I would like to rearrange the product image so that it's centered and on top of the price, add to cart, etc (but still below the title).  2) I would like to add some padding around the product description at the bottom so that it doesn't stretch across the entire screen.  Your help on this is greatly appreciated!!! Thanks in advance!")*

You can modify the look of the product page by editing the file "show" of the view "product" via the menu Display&gt;Views.

Padding can be added by adding some CSS in the front end CSS file that you can edit via the Display tab of the configuration.
More specifically:
\#hikashop_product_description_main { padding: 50px; }

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzMwNDYxLXJlYXJyYW5nZS1wcm9kdWN0LXBhZ2U/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[CLDesign](/forum/user/4593-cldesign "View CLDesign's Profile")**
- [![CLDesign's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/4593-cldesign "View CLDesign's Profile") Topic Author
- [ Offline](/forum/user/4593-cldesign)

Less More

- Posts: 39
- Thank you received: 0
-
-

14 years 11 months ago [\#30467](#30467) by [CLDesign](/forum/user/4593-cldesign "View CLDesign's Profile")  Replied by *[CLDesign](/forum/user/4593-cldesign "View CLDesign's Profile")* on topic *[Re: Rearrange Product Page](/forum/2-general-talk-about-hikashop/30461-rearrange-product-page#30467 "Hi! Making progress here, but I would like to make two changes to my product pages:  1) I would like to rearrange the product image so that it's centered and on top of the price, add to cart, etc (but still below the title).  2) I would like to add some padding around the product description at the bottom so that it doesn't stretch across the entire screen.  Your help on this is greatly appreciated!!! Thanks in advance!")*

Thanks! Your tip about the padding worked great! Can you just tell me exactly how I can move the product image between the title and the price? I'm having a hard time finding it in the CSS. Thanks again!

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzMwNDYxLXJlYXJyYW5nZS1wcm9kdWN0LXBhZ2U/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) 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")
- [ Away](/forum/user/63-nicolas)

Less More

- Posts: 86321
- Thank you received: 14279
-
-

14 years 11 months ago [\#30482](#30482) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: Rearrange Product Page](/forum/2-general-talk-about-hikashop/30461-rearrange-product-page#30482 "Hi! Making progress here, but I would like to make two changes to my product pages:  1) I would like to rearrange the product image so that it's centered and on top of the price, add to cart, etc (but still below the title).  2) I would like to add some padding around the product description at the bottom so that it doesn't stretch across the entire screen.  Your help on this is greatly appreciated!!! Thanks in advance!")*

That cannot be done via CSS.You need to edit the file "show" of the view "product" via the menu Display&gt;Views and move the image block of code before the price block of code.

The image block of code is (for 1.5.4):
&lt;div id="hikashop_product_image_main" &gt;
&lt;div id="hikashop_main_image_div" class="hikashop_main_image_div"&gt;
&lt;?php
$image = null;
if(!empty($this-&gt;element-&gt;images)){
$image = reset($this-&gt;element-&gt;images);
}
if(!$this-&gt;config-&gt;get('thumbnail')){
if(!empty($image)){
echo '&lt;img src="'.$this-&gt;image-&gt;uploadFolder_url.$image-&gt;file_path.'" alt="'.$image-&gt;file_name.'" id="hikashop_main_image" style="margin-top:10px;margin-bottom:10px;display:inline-block;vertical-align:middle" /&gt;';
}
}else{

$height = $this-&gt;config-&gt;get('thumbnail_y');
$style='';
if(!empty($this-&gt;element-&gt;images) &amp;&amp; count($this-&gt;element-&gt;images)&gt;1){
if(!empty($height)){
$style=' style="height:'.($height+5).'px;"';
}
} ?&gt;
&lt;div class="hikashop_product_main_image_thumb" id="hikashop_main_image_thumb_div" &lt;?php echo $style;?&gt; &gt;
&lt;?php echo $this-&gt;image-&gt;display(@$image-&gt;file_path,true,@$image-&gt;file_name,'id="hikashop_main_image" style="margin-top:10px;margin-bottom:10px;display:inline-block;vertical-align:middle"','id="hikashop_main_image_link"'); ?&gt;
&lt;/div&gt;
&lt;?php }
?&gt;
&lt;/div&gt;&lt;div id="hikashop_small_image_div" class="hikashop_small_image_div"&gt;&lt;?php
if(!empty($this-&gt;element-&gt;images) &amp;&amp; count($this-&gt;element-&gt;images)&gt;1){
foreach($this-&gt;element-&gt;images as $image){
echo $this-&gt;image-&gt;display($image-&gt;file_path,'hikashop_main_image',$image-&gt;file_name,'class="hikashop_child_image"');
}
}
?&gt;
&lt;/div&gt;
&lt;/div&gt;

The price block of code is:
&lt;span id="hikashop_product_price_main" class="hikashop_product_price_main"&gt;
&lt;?php
if($this-&gt;params-&gt;get('show_price')){
$this-&gt;row =&amp; $this-&gt;element;
$this-&gt;setLayout('listing_price');
echo $this-&gt;loadTemplate();
}
?&gt;
&lt;/span&gt;

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzMwNDYxLXJlYXJyYW5nZS1wcm9kdWN0LXBhZ2U/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[CLDesign](/forum/user/4593-cldesign "View CLDesign's Profile")**
- [![CLDesign's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/4593-cldesign "View CLDesign's Profile") Topic Author
- [ Offline](/forum/user/4593-cldesign)

Less More

- Posts: 39
- Thank you received: 0
-
-

14 years 11 months ago [\#30502](#30502) by [CLDesign](/forum/user/4593-cldesign "View CLDesign's Profile")  Replied by *[CLDesign](/forum/user/4593-cldesign "View CLDesign's Profile")* on topic *[Re: Rearrange Product Page](/forum/2-general-talk-about-hikashop/30461-rearrange-product-page#30502 "Hi! Making progress here, but I would like to make two changes to my product pages:  1) I would like to rearrange the product image so that it's centered and on top of the price, add to cart, etc (but still below the title).  2) I would like to add some padding around the product description at the bottom so that it doesn't stretch across the entire screen.  Your help on this is greatly appreciated!!! Thanks in advance!")*

Thanks ![:-)](/media/kunena/emoticons/3.png ":-)") That worked, but now everything has aligned to the left for some reason. How can I re-center it?

See the link here:

[ bledsoe.cloudaccess.net/lavina-tooling/polish/nato.html](http://bledsoe.cloudaccess.net/lavina-tooling/polish/nato.html)

Thanks!

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzMwNDYxLXJlYXJyYW5nZS1wcm9kdWN0LXBhZ2U/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) 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")
- [ Away](/forum/user/63-nicolas)

Less More

- Posts: 86321
- Thank you received: 14279
-
-

14 years 11 months ago [\#30519](#30519) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: Rearrange Product Page](/forum/2-general-talk-about-hikashop/30461-rearrange-product-page#30519 "Hi! Making progress here, but I would like to make two changes to my product pages:  1) I would like to rearrange the product image so that it's centered and on top of the price, add to cart, etc (but still below the title).  2) I would like to add some padding around the product description at the bottom so that it doesn't stretch across the entire screen.  Your help on this is greatly appreciated!!! Thanks in advance!")*

You can edit the front end CSS file of HikaShop via the interface in the Display tab of the configuration and change the code:
.hikashop_product_right_part {
float: left;
padding-left: 1px;
}

to:
.hikashop_product_right_part {
width: 150px;
margin: auto;
}

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzMwNDYxLXJlYXJyYW5nZS1wcm9kdWN0LXBhZ2U/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[CLDesign](/forum/user/4593-cldesign "View CLDesign's Profile")**
- [![CLDesign's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/4593-cldesign "View CLDesign's Profile") Topic Author
- [ Offline](/forum/user/4593-cldesign)

Less More

- Posts: 39
- Thank you received: 0
-
-

14 years 11 months ago [\#30537](#30537) by [CLDesign](/forum/user/4593-cldesign "View CLDesign's Profile")  Replied by *[CLDesign](/forum/user/4593-cldesign "View CLDesign's Profile")* on topic *[Re: Rearrange Product Page](/forum/2-general-talk-about-hikashop/30461-rearrange-product-page#30537 "Hi! Making progress here, but I would like to make two changes to my product pages:  1) I would like to rearrange the product image so that it's centered and on top of the price, add to cart, etc (but still below the title).  2) I would like to add some padding around the product description at the bottom so that it doesn't stretch across the entire screen.  Your help on this is greatly appreciated!!! Thanks in advance!")*

I did that, but for some reason, it didn't work. The code now reads:

/* product listing */
.hikashop_product_item_left_part{
text-align:center;
}
.hikashop_product_right_part {
width: 150px;
margin: auto;
}
.hikashop_product_image{
padding-bottom: 2px;
}

It still looks the same:

[ bledsoe.cloudaccess.net/lavina-tooling/polish/nato.html](http://bledsoe.cloudaccess.net/lavina-tooling/polish/nato.html)

Please help! Thanks!

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzMwNDYxLXJlYXJyYW5nZS1wcm9kdWN0LXBhZ2U/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) 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")
- [ Away](/forum/user/63-nicolas)

Less More

- Posts: 86321
- Thank you received: 14279
-
-

14 years 11 months ago [\#30546](#30546) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: Rearrange Product Page](/forum/2-general-talk-about-hikashop/30461-rearrange-product-page#30546 "Hi! Making progress here, but I would like to make two changes to my product pages:  1) I would like to rearrange the product image so that it's centered and on top of the price, add to cart, etc (but still below the title).  2) I would like to add some padding around the product description at the bottom so that it doesn't stretch across the entire screen.  Your help on this is greatly appreciated!!! Thanks in advance!")*

You didn't remove the CSS I said to remove:
.hikashop_product_right_part {
float: left;
padding-left: 1px;
}

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzMwNDYxLXJlYXJyYW5nZS1wcm9kdWN0LXBhZ2U/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[mayamada](/forum/user/4681-mayamada "View mayamada's Profile")**
- [![mayamada's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar4681.png)](/forum/user/4681-mayamada "View mayamada's Profile")
- [ Offline](/forum/user/4681-mayamada)

Less More

- Posts: 9
- Thank you received: 0
-
-

14 years 11 months ago [\#30597](#30597) by [mayamada](/forum/user/4681-mayamada "View mayamada's Profile")  Replied by *[mayamada](/forum/user/4681-mayamada "View mayamada's Profile")* on topic *[Re: Rearrange Product Page](/forum/2-general-talk-about-hikashop/30461-rearrange-product-page#30597 "Hi! Making progress here, but I would like to make two changes to my product pages:  1) I would like to rearrange the product image so that it's centered and on top of the price, add to cart, etc (but still below the title).  2) I would like to add some padding around the product description at the bottom so that it doesn't stretch across the entire screen.  Your help on this is greatly appreciated!!! Thanks in advance!")*

Hi Nicolas,

I am also interest in rearranging the product page to look similar to what I currently have at my site, for example:

[ Product page link](http://www.mayamada.com/product-details?prodid=10)

I have seen the views section, but my concern is how this will affect potential upgrade if I start reordering php files? Is that advisable or should I stick to just css changes?

Thanks

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzMwNDYxLXJlYXJyYW5nZS1wcm9kdWN0LXBhZ2U/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) 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")
- [ Away](/forum/user/63-nicolas)

Less More

- Posts: 86321
- Thank you received: 14279
-
-

14 years 11 months ago [\#30599](#30599) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: Rearrange Product Page](/forum/2-general-talk-about-hikashop/30461-rearrange-product-page#30599 "Hi! Making progress here, but I would like to make two changes to my product pages:  1) I would like to rearrange the product image so that it's centered and on top of the price, add to cart, etc (but still below the title).  2) I would like to add some padding around the product description at the bottom so that it doesn't stretch across the entire screen.  Your help on this is greatly appreciated!!! Thanks in advance!")*

No problem about that. If you update the views via the menu Display-&gt;Views, you won't loose your changes when you update HikaShop.

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzMwNDYxLXJlYXJyYW5nZS1wcm9kdWN0LXBhZ2U/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[CLDesign](/forum/user/4593-cldesign "View CLDesign's Profile")**
- [![CLDesign's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/4593-cldesign "View CLDesign's Profile") Topic Author
- [ Offline](/forum/user/4593-cldesign)

Less More

- Posts: 39
- Thank you received: 0
-
-

14 years 11 months ago [\#30620](#30620) by [CLDesign](/forum/user/4593-cldesign "View CLDesign's Profile")  Replied by *[CLDesign](/forum/user/4593-cldesign "View CLDesign's Profile")* on topic *[Re: Rearrange Product Page](/forum/2-general-talk-about-hikashop/30461-rearrange-product-page#30620 "Hi! Making progress here, but I would like to make two changes to my product pages:  1) I would like to rearrange the product image so that it's centered and on top of the price, add to cart, etc (but still below the title).  2) I would like to add some padding around the product description at the bottom so that it doesn't stretch across the entire screen.  Your help on this is greatly appreciated!!! Thanks in advance!")*

Hi. I did everything you posted in the original post:

.hikashop_product_right_part {
float: left;
padding-left: 1px;
}

to:
.hikashop_product_right_part {
width: 150px;
margin: auto;
}

it now reads:

/* product listing */
.hikashop_product_item_left_part{
text-align:center;
}
.hikashop_product_right_part {
width: 150px;
margin: auto;
}
.hikashop_product_image{
padding-bottom: 2px;
}

This is the only listing of ".hikashop_product_right_part" in the CSS. I even tried removing this, but it didn't work. Please help ![:-)](/media/kunena/emoticons/3.png ":-)") Thanks!

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzMwNDYxLXJlYXJyYW5nZS1wcm9kdWN0LXBhZ2U/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[mayamada](/forum/user/4681-mayamada "View mayamada's Profile")**
- [![mayamada's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar4681.png)](/forum/user/4681-mayamada "View mayamada's Profile")
- [ Offline](/forum/user/4681-mayamada)

Less More

- Posts: 9
- Thank you received: 0
-
-

14 years 11 months ago -  14 years 11 months ago [\#30640](#30640) by [mayamada](/forum/user/4681-mayamada "View mayamada's Profile")  Replied by *[mayamada](/forum/user/4681-mayamada "View mayamada's Profile")* on topic *[Re: Rearrange Product Page](/forum/2-general-talk-about-hikashop/30461-rearrange-product-page#30640 "Hi! Making progress here, but I would like to make two changes to my product pages:  1) I would like to rearrange the product image so that it's centered and on top of the price, add to cart, etc (but still below the title).  2) I would like to add some padding around the product description at the bottom so that it doesn't stretch across the entire screen.  Your help on this is greatly appreciated!!! Thanks in advance!")*

Thanks nicolas! That's good to know.

Last edit: 14 years 11 months ago by [mayamada](/forum/user/4681-mayamada "View mayamada's Profile").

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzMwNDYxLXJlYXJyYW5nZS1wcm9kdWN0LXBhZ2U/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) 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")
- [ Away](/forum/user/63-nicolas)

Less More

- Posts: 86321
- Thank you received: 14279
-
-

14 years 11 months ago [\#30687](#30687) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: Rearrange Product Page](/forum/2-general-talk-about-hikashop/30461-rearrange-product-page#30687 "Hi! Making progress here, but I would like to make two changes to my product pages:  1) I would like to rearrange the product image so that it's centered and on top of the price, add to cart, etc (but still below the title).  2) I would like to add some padding around the product description at the bottom so that it doesn't stretch across the entire screen.  Your help on this is greatly appreciated!!! Thanks in advance!")*

I can still see:
.hikashop_product_right_part{
float:left;
padding-left:1px;
}

in your CSS file: [ bledsoe.cloudaccess.net/media/com\_hikash.../frontend\_custom.css](http://bledsoe.cloudaccess.net/media/com_hikashop/css/frontend_custom.css)

Here:

hikashop_product_main_image_thumb{
margin-bottom:5px;
}

.hikashop_product_right_part{
float:left;
padding-left:1px;
}
.hikashop_product_bottom_part{
clear:both;
width:100%;
}
.hikashop_product_characteristic_chooser{
text-align:center;
}

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzMwNDYxLXJlYXJyYW5nZS1wcm9kdWN0LXBhZ2U/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[CLDesign](/forum/user/4593-cldesign "View CLDesign's Profile")**
- [![CLDesign's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/4593-cldesign "View CLDesign's Profile") Topic Author
- [ Offline](/forum/user/4593-cldesign)

Less More

- Posts: 39
- Thank you received: 0
-
-

14 years 11 months ago [\#30693](#30693) by [CLDesign](/forum/user/4593-cldesign "View CLDesign's Profile")  Replied by *[CLDesign](/forum/user/4593-cldesign "View CLDesign's Profile")* on topic *[Re: Rearrange Product Page](/forum/2-general-talk-about-hikashop/30461-rearrange-product-page#30693 "Hi! Making progress here, but I would like to make two changes to my product pages:  1) I would like to rearrange the product image so that it's centered and on top of the price, add to cart, etc (but still below the title).  2) I would like to add some padding around the product description at the bottom so that it doesn't stretch across the entire screen.  Your help on this is greatly appreciated!!! Thanks in advance!")*

Thanks. That fixed it. Sorry...having trouble finding some of the code sometimes ![:-(](/media/kunena/emoticons/22.png ":-(")

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzMwNDYxLXJlYXJyYW5nZS1wcm9kdWN0LXBhZ2U/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) 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.095 seconds

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

[](#top)
