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

#   Product Page Image width problem

##

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

Less More

- Posts: 55
- Thank you received: 1
-
-

14 years 2 months ago -  14 years 2 months ago [\#62459](#62459) by [many-feathers](/forum/user/1025-many-feathers "View many-feathers's Profile")  *[Product Page Image width problem](/forum/3-bug-report/62459-product-page-image-width-problem#62459 "Hi,  When I set Thumbnail width and height both to 100px and Product Page Image widht and height both to 300px the class hikashop&#95;product&#95;main&#95;image&#95;subdiv on the product page gets a width of 100px, which makes my images overlap the text on the right side of the main product image. When I set thumbnail width to 300 as well, the hikashop&#95;product&#95;main&#95;image&#95;subdiv class is set to 300px, which is what I want (and I think it's how it should be), but since this setting is also used for the thumbnail images on the categories page, it only moves the problem to another page. I think hikashop&#95;product&#95;main&#95;image&#95;subdiv is being fed with the wrong parameter (thumbnail width instead of product page image width).  I've been trying to find the right spot in the code to fix this, but since I don't know the parameter names on a code level, I haven't been successful so far. Can you provide any insight?  Thanks! MF  I'm using Hikashop 1.6.0 on Joomla 2.5.6")* was created by *[many-feathers](/forum/user/1025-many-feathers "View many-feathers's Profile")*

Hi,

When I set Thumbnail width and height both to 100px and Product Page Image widht and height both to 300px the class hikashop_product_main_image_subdiv on the product page gets a width of 100px, which makes my images overlap the text on the right side of the main product image. When I set thumbnail width to 300 as well, the hikashop_product_main_image_subdiv class is set to 300px, which is what I want (and I think it's how it should be), but since this setting is also used for the thumbnail images on the categories page, it only moves the problem to another page. I think hikashop_product_main_image_subdiv is being fed with the wrong parameter (thumbnail width instead of product page image width).

I've been trying to find the right spot in the code to fix this, but since I don't know the parameter names on a code level, I haven't been successful so far. Can you provide any insight?

Thanks!
MF

I'm using Hikashop 1.6.0 on Joomla 2.5.6

Last edit: 14 years 2 months ago by [many-feathers](/forum/user/1025-many-feathers "View many-feathers's Profile"). Reason: versions added

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

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

Less More

- Posts: 46
- Thank you received: 7
-
-

14 years 2 months ago [\#62567](#62567) by [lcoombes](/forum/user/8557-lcoombes "View lcoombes's Profile")  Replied by *[lcoombes](/forum/user/8557-lcoombes "View lcoombes's Profile")* on topic *[Re: Product Page Image width problem](/forum/3-bug-report/62459-product-page-image-width-problem#62567 "Hi,  When I set Thumbnail width and height both to 100px and Product Page Image widht and height both to 300px the class hikashop&#95;product&#95;main&#95;image&#95;subdiv on the product page gets a width of 100px, which makes my images overlap the text on the right side of the main product image. When I set thumbnail width to 300 as well, the hikashop&#95;product&#95;main&#95;image&#95;subdiv class is set to 300px, which is what I want (and I think it's how it should be), but since this setting is also used for the thumbnail images on the categories page, it only moves the problem to another page. I think hikashop&#95;product&#95;main&#95;image&#95;subdiv is being fed with the wrong parameter (thumbnail width instead of product page image width).  I've been trying to find the right spot in the code to fix this, but since I don't know the parameter names on a code level, I haven't been successful so far. Can you provide any insight?  Thanks! MF  I'm using Hikashop 1.6.0 on Joomla 2.5.6")*

Me too! Product layout has broken after I updated the latest version of Hikashop this morning. Let me know if you resolve this! Many thanks!

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzMtYnVnLXJlcG9ydC82MjQ1OS1wcm9kdWN0LXBhZ2UtaW1hZ2Utd2lkdGgtcHJvYmxlbT90bXBsPW1hcmtkb3du) 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")
- [ Offline](/forum/user/63-nicolas)

Less More

- Posts: 86541
- Thank you received: 14304
-
-

14 years 2 months ago [\#62633](#62633) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: Product Page Image width problem](/forum/3-bug-report/62459-product-page-image-width-problem#62633 "Hi,  When I set Thumbnail width and height both to 100px and Product Page Image widht and height both to 300px the class hikashop&#95;product&#95;main&#95;image&#95;subdiv on the product page gets a width of 100px, which makes my images overlap the text on the right side of the main product image. When I set thumbnail width to 300 as well, the hikashop&#95;product&#95;main&#95;image&#95;subdiv class is set to 300px, which is what I want (and I think it's how it should be), but since this setting is also used for the thumbnail images on the categories page, it only moves the problem to another page. I think hikashop&#95;product&#95;main&#95;image&#95;subdiv is being fed with the wrong parameter (thumbnail width instead of product page image width).  I've been trying to find the right spot in the code to fix this, but since I don't know the parameter names on a code level, I haven't been successful so far. Can you provide any insight?  Thanks! MF  I'm using Hikashop 1.6.0 on Joomla 2.5.6")*

Hi,

Can you try to change the line:

&lt;div style="position:relative;text-align:center;clear:both;width:&lt;?php echo $this-&gt;image-&gt;main_thumbnail_x;?&gt;px;margin: auto;" class="hikashop_product_main_image_subdiv"&gt;

to:

&lt;div style="position:relative;text-align:center;clear:both;width:&lt;?php echo $height;?&gt;px;margin: auto;" class="hikashop_product_main_image_subdiv"&gt;

in the "show_block_img" file via the menu Display-&gt;Views ?

The following user(s) said Thank You: [many-feathers](/forum/user/1025-many-feathers "View many-feathers's Profile"), [lcoombes](/forum/user/8557-lcoombes "View lcoombes's Profile")

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

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

Less More

- Posts: 46
- Thank you received: 7
-
-

14 years 2 months ago [\#62636](#62636) by [lcoombes](/forum/user/8557-lcoombes "View lcoombes's Profile")  Replied by *[lcoombes](/forum/user/8557-lcoombes "View lcoombes's Profile")* on topic *[Re: Product Page Image width problem](/forum/3-bug-report/62459-product-page-image-width-problem#62636 "Hi,  When I set Thumbnail width and height both to 100px and Product Page Image widht and height both to 300px the class hikashop&#95;product&#95;main&#95;image&#95;subdiv on the product page gets a width of 100px, which makes my images overlap the text on the right side of the main product image. When I set thumbnail width to 300 as well, the hikashop&#95;product&#95;main&#95;image&#95;subdiv class is set to 300px, which is what I want (and I think it's how it should be), but since this setting is also used for the thumbnail images on the categories page, it only moves the problem to another page. I think hikashop&#95;product&#95;main&#95;image&#95;subdiv is being fed with the wrong parameter (thumbnail width instead of product page image width).  I've been trying to find the right spot in the code to fix this, but since I don't know the parameter names on a code level, I haven't been successful so far. Can you provide any insight?  Thanks! MF  I'm using Hikashop 1.6.0 on Joomla 2.5.6")*

Brilliant! Works for me! Thanks!

The following user(s) said Thank You: [many-feathers](/forum/user/1025-many-feathers "View many-feathers's Profile")

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

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

Less More

- Posts: 55
- Thank you received: 1
-
-

14 years 2 months ago [\#62648](#62648) by [many-feathers](/forum/user/1025-many-feathers "View many-feathers's Profile")  Replied by *[many-feathers](/forum/user/1025-many-feathers "View many-feathers's Profile")* on topic *[Re: Product Page Image width problem](/forum/3-bug-report/62459-product-page-image-width-problem#62648 "Hi,  When I set Thumbnail width and height both to 100px and Product Page Image widht and height both to 300px the class hikashop&#95;product&#95;main&#95;image&#95;subdiv on the product page gets a width of 100px, which makes my images overlap the text on the right side of the main product image. When I set thumbnail width to 300 as well, the hikashop&#95;product&#95;main&#95;image&#95;subdiv class is set to 300px, which is what I want (and I think it's how it should be), but since this setting is also used for the thumbnail images on the categories page, it only moves the problem to another page. I think hikashop&#95;product&#95;main&#95;image&#95;subdiv is being fed with the wrong parameter (thumbnail width instead of product page image width).  I've been trying to find the right spot in the code to fix this, but since I don't know the parameter names on a code level, I haven't been successful so far. Can you provide any insight?  Thanks! MF  I'm using Hikashop 1.6.0 on Joomla 2.5.6")*

Great! That solved it!

Thank you!

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzMtYnVnLXJlcG9ydC82MjQ1OS1wcm9kdWN0LXBhZ2UtaW1hZ2Utd2lkdGgtcHJvYmxlbT90bXBsPW1hcmtkb3du) 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.060 seconds

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