[Skip to main content](#vessel-content) # Product Images ## - **[tandy](/forum/user/1122-tandy "View tandy's Profile")** - [![tandy's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/1122-tandy "View tandy's Profile") Topic Author - [ Offline](/forum/user/1122-tandy) Less More - Posts: 27 - Thank you received: 0 - - 15 years 8 months ago [\#8072](#8072) by [tandy](/forum/user/1122-tandy "View tandy's Profile") *[Product Images](/forum/4-how-to/8072-product-images#8072 "Hello Wonderful product, thank you very much for all the hard work that has been put in to it. I wonder if someone can help? I would like the images on the individual product listing to have a main picture set at 400x400px and then the additional images to be 200x200px. I know that I can change some image views in configuration but not this. I am guessing that I can edit the CSS code in one of the frontend files in the "display" tab, but am unsure which one to edit. Is this possible? If so, which file is the right one to edit and what code should I change? Thanks Mark")* was created by *[tandy](/forum/user/1122-tandy "View tandy's Profile")* Hello Wonderful product, thank you very much for all the hard work that has been put in to it. I wonder if someone can help? I would like the images on the individual product listing to have a main picture set at 400x400px and then the additional images to be 200x200px. I know that I can change some image views in configuration but not this. I am guessing that I can edit the CSS code in one of the frontend files in the "display" tab, but am unsure which one to edit. Is this possible? If so, which file is the right one to edit and what code should I change? Thanks Mark Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzgwNzItcHJvZHVjdC1pbWFnZXM/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") - [ Offline](/forum/user/63-nicolas) Less More - Posts: 86316 - Thank you received: 14276 - - 15 years 8 months ago [\#8074](#8074) 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 Images](/forum/4-how-to/8072-product-images#8074 "Hello Wonderful product, thank you very much for all the hard work that has been put in to it. I wonder if someone can help? I would like the images on the individual product listing to have a main picture set at 400x400px and then the additional images to be 200x200px. I know that I can change some image views in configuration but not this. I am guessing that I can edit the CSS code in one of the frontend files in the "display" tab, but am unsure which one to edit. Is this possible? If so, which file is the right one to edit and what code should I change? Thanks Mark")* Hi, I suppose that you're talking about the small images below the main thumbnail on the product page. By default their size is limited in CSS by their height: div#hikashop_product_left_part img.hikashop_child_image{ margin : 2px; height:25px; } You can edit that CSS in the config under the tab display, in the CSS zone and increase the height to 200px. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzgwNzItcHJvZHVjdC1pbWFnZXM/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[tandy](/forum/user/1122-tandy "View tandy's Profile")** - [![tandy's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/1122-tandy "View tandy's Profile") Topic Author - [ Offline](/forum/user/1122-tandy) Less More - Posts: 27 - Thank you received: 0 - - 15 years 8 months ago [\#8107](#8107) by [tandy](/forum/user/1122-tandy "View tandy's Profile") Replied by *[tandy](/forum/user/1122-tandy "View tandy's Profile")* on topic *[Re: Product Images](/forum/4-how-to/8072-product-images#8107 "Hello Wonderful product, thank you very much for all the hard work that has been put in to it. I wonder if someone can help? I would like the images on the individual product listing to have a main picture set at 400x400px and then the additional images to be 200x200px. I know that I can change some image views in configuration but not this. I am guessing that I can edit the CSS code in one of the frontend files in the "display" tab, but am unsure which one to edit. Is this possible? If so, which file is the right one to edit and what code should I change? Thanks Mark")* Thanks, Nicolas. I can't believe I didn't spot that myself! Must have been looking at the screen far too long! Thanks Mark Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzgwNzItcHJvZHVjdC1pbWFnZXM/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[tandy](/forum/user/1122-tandy "View tandy's Profile")** - [![tandy's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/1122-tandy "View tandy's Profile") Topic Author - [ Offline](/forum/user/1122-tandy) Less More - Posts: 27 - Thank you received: 0 - - 15 years 8 months ago [\#8122](#8122) by [tandy](/forum/user/1122-tandy "View tandy's Profile") Replied by *[tandy](/forum/user/1122-tandy "View tandy's Profile")* on topic *[Re: Product Images](/forum/4-how-to/8072-product-images#8122 "Hello Wonderful product, thank you very much for all the hard work that has been put in to it. I wonder if someone can help? I would like the images on the individual product listing to have a main picture set at 400x400px and then the additional images to be 200x200px. I know that I can change some image views in configuration but not this. I am guessing that I can edit the CSS code in one of the frontend files in the "display" tab, but am unsure which one to edit. Is this possible? If so, which file is the right one to edit and what code should I change? Thanks Mark")* Hi again Thanks for the help, the above suggestion made is possible to make the thumbnails below the main image larger, but how do I increase the size of the main image itself? Thanks Mark Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzgwNzItcHJvZHVjdC1pbWFnZXM/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") - [ Offline](/forum/user/63-nicolas) Less More - Posts: 86316 - Thank you received: 14276 - - 15 years 8 months ago [\#8133](#8133) 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 Images](/forum/4-how-to/8072-product-images#8133 "Hello Wonderful product, thank you very much for all the hard work that has been put in to it. I wonder if someone can help? I would like the images on the individual product listing to have a main picture set at 400x400px and then the additional images to be 200x200px. I know that I can change some image views in configuration but not this. I am guessing that I can edit the CSS code in one of the frontend files in the "display" tab, but am unsure which one to edit. Is this possible? If so, which file is the right one to edit and what code should I change? Thanks Mark")* The main image size is defined in the config under the tab files. You can set the thumbnail size as well as the full image size. Once you change your thumbnails size, you will have to delete the thumbnails folder under the upload folder so that hikashop can automatically recreated the thumbnails to the good size. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzgwNzItcHJvZHVjdC1pbWFnZXM/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[tandy](/forum/user/1122-tandy "View tandy's Profile")** - [![tandy's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/1122-tandy "View tandy's Profile") Topic Author - [ Offline](/forum/user/1122-tandy) Less More - Posts: 27 - Thank you received: 0 - - 15 years 8 months ago [\#8332](#8332) by [tandy](/forum/user/1122-tandy "View tandy's Profile") Replied by *[tandy](/forum/user/1122-tandy "View tandy's Profile")* on topic *[Re: Product Images](/forum/4-how-to/8072-product-images#8332 "Hello Wonderful product, thank you very much for all the hard work that has been put in to it. I wonder if someone can help? I would like the images on the individual product listing to have a main picture set at 400x400px and then the additional images to be 200x200px. I know that I can change some image views in configuration but not this. I am guessing that I can edit the CSS code in one of the frontend files in the "display" tab, but am unsure which one to edit. Is this possible? If so, which file is the right one to edit and what code should I change? Thanks Mark")* Thanks for the help so far. I still can't quite get the layout I would like. In this screenshot, I am trying to make image A 400x400px but without changing the size of image B. Image C I can change in the css easily. Is there a way to make A change without affecting B? [ ![[img](http://www.hikashop.com/media/kunena/attachments/legacy/images/imagelayout.jpg) ](http://www.hikashop.com/media/kunena/attachments/legacy/images/imagelayout.jpg "[img") - [ ![imagelayout.jpg](/forum/attachment/531) ](/forum/attachment/531 "imagelayout.jpg") [ ](/forum/attachment/531?download=1 "imagelayout.jpg") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzgwNzItcHJvZHVjdC1pbWFnZXM/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") - [ Offline](/forum/user/63-nicolas) Less More - Posts: 86316 - Thank you received: 14276 - - 15 years 8 months ago [\#8333](#8333) 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 Images](/forum/4-how-to/8072-product-images#8333 "Hello Wonderful product, thank you very much for all the hard work that has been put in to it. I wonder if someone can help? I would like the images on the individual product listing to have a main picture set at 400x400px and then the additional images to be 200x200px. I know that I can change some image views in configuration but not this. I am guessing that I can edit the CSS code in one of the frontend files in the "display" tab, but am unsure which one to edit. Is this possible? If so, which file is the right one to edit and what code should I change? Thanks Mark")* HikaShop handles only one size of thumbnails so A == B == C which though has the same size is redimensioned in CSS. So you could also redimension B in CSS. You could try to add such CSS : .hikashop_product_image image {width: 200px !important; height: 200px !important; } Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzgwNzItcHJvZHVjdC1pbWFnZXM/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. Board Categories HikaShop- Install & Update- Product & Category Display- Content Creation- Sales and Orders- - Orders management- - Reports & Statistics- Customers- Checkout- Payment Methods- Shipping Methods- Import & Export (CSV, XLS…)- Specific Features- - Affilation- - Taxes- - Wishlist- - Vote- - Carousel & Slider- - Mass Actions- - Filters & Search- - Discount & 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.186 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org) [](#top)