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

#   Product Page - Main Image ?

##

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

Less More

- Posts: 3
- Thank you received: 0
-
-

15 years 7 months ago [\#10745](#10745) by [drazen777](/forum/user/1546-drazen777 "View drazen777's Profile")  *[Product Page - Main Image ?](/forum/4-how-to/10745-product-page-main-image#10745 "I need to edit Hika Shop so my product page looks like that pictures below. From older topics I figure out how to change thumb size(that smaller bellow main), but I didn't and don't understand what to do so my main image is close to that size below. Please Help :blush:  &#91;image&#93;")* was created by *[drazen777](/forum/user/1546-drazen777 "View drazen777's Profile")*

I need to edit Hika Shop so my product page looks like that pictures below.
From older topics I figure out how to change thumb size(that smaller bellow main), but I didn't and don't understand what to do so my main image is close to that size below.
Please Help :blush:

[ ![&#91;IMG](http://i52.tinypic.com/4ienhf.png) ](http://i52.tinypic.com/4ienhf.png "&#91;IMG")

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzEwNzQ1LXByb2R1Y3QtcGFnZS1tYWluLWltYWdlP3RtcGw9bWFya2Rvd24=) 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: 86316
- Thank you received: 14276
-
-

15 years 7 months ago [\#10746](#10746) 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 - Main Image ?](/forum/4-how-to/10745-product-page-main-image#10746 "I need to edit Hika Shop so my product page looks like that pictures below. From older topics I figure out how to change thumb size(that smaller bellow main), but I didn't and don't understand what to do so my main image is close to that size below. Please Help :blush:  &#91;image&#93;")*

You need to change the thumbnails size in the config under the tab files. After that, you will have to delete the thumbnails folder in the folder media/com_hikashop/upload via FTP.
That will change all the thumbnails' size. If you want other thumbnails to be smaller (like on the listing of products, you can use CSS to make the image smaller.

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

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

Less More

- Posts: 3
- Thank you received: 0
-
-

15 years 7 months ago [\#10754](#10754) by [drazen777](/forum/user/1546-drazen777 "View drazen777's Profile")  Replied by *[drazen777](/forum/user/1546-drazen777 "View drazen777's Profile")* on topic *[Re: Product Page - Main Image ?](/forum/4-how-to/10745-product-page-main-image#10754 "I need to edit Hika Shop so my product page looks like that pictures below. From older topics I figure out how to change thumb size(that smaller bellow main), but I didn't and don't understand what to do so my main image is close to that size below. Please Help :blush:  &#91;image&#93;")*

I've done what you said to me and it worked with product page,but on category page picture stretched all over the place when I put thumb to 300px ??? :woohoo:

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzEwNzQ1LXByb2R1Y3QtcGFnZS1tYWluLWltYWdlP3RtcGw9bWFya2Rvd24=) 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: 86316
- Thank you received: 14276
-
-

15 years 7 months ago [\#10758](#10758) 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 - Main Image ?](/forum/4-how-to/10745-product-page-main-image#10758 "I need to edit Hika Shop so my product page looks like that pictures below. From older topics I figure out how to change thumb size(that smaller bellow main), but I didn't and don't understand what to do so my main image is close to that size below. Please Help :blush:  &#91;image&#93;")*

Yes. That's what I said would happen. I also said that you need to use CSS to reduce the size of these:
[ www.hikashop.com/en/support/forum/4-how-...duct-page.html#10151](http://www.hikashop.com/en/support/forum/4-how-to/10150-larger-image-on-the-product-page.html#10151)

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

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

Less More

- Posts: 3
- Thank you received: 0
-
-

15 years 7 months ago [\#10790](#10790) by [drazen777](/forum/user/1546-drazen777 "View drazen777's Profile")  Replied by *[drazen777](/forum/user/1546-drazen777 "View drazen777's Profile")* on topic *[Re: Product Page - Main Image ?](/forum/4-how-to/10745-product-page-main-image#10790 "I need to edit Hika Shop so my product page looks like that pictures below. From older topics I figure out how to change thumb size(that smaller bellow main), but I didn't and don't understand what to do so my main image is close to that size below. Please Help :blush:  &#91;image&#93;")*

Sorry for being noob but I don't know where to put this code

For listings of products: .hikashop_product_image img {width: XXXpx !important; height: YYYpx !important;

frontend_default??
where in there??

I tried to put it there on many places,but still same thing,category is too big,like on picture below

[ i53.tinypic.com/k36iya.png](http://i53.tinypic.com/k36iya.png)

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzEwNzQ1LXByb2R1Y3QtcGFnZS1tYWluLWltYWdlP3RtcGw9bWFya2Rvd24=) 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: 86316
- Thank you received: 14276
-
-

15 years 7 months ago [\#10795](#10795) 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 - Main Image ?](/forum/4-how-to/10745-product-page-main-image#10795 "I need to edit Hika Shop so my product page looks like that pictures below. From older topics I figure out how to change thumb size(that smaller bellow main), but I didn't and don't understand what to do so my main image is close to that size below. Please Help :blush:  &#91;image&#93;")*

You need to put it in the front end CSS (in the config under the tab display). When you edit it, it should put the modifications in frontend_custom.css
You can put it directly at the top.
Also, you need to replace XXX and YYY by the number of pixels you want for the width and height and don't forget to refresh your browser's cache as the previous version of the CSS file might be used if you don't and you won't see the modification.

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

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

[](#top)
