[Skip to main content](#vessel-content) # Larger image on the product page? ## - **[Xavier](/forum/user/4105-xavier "View Xavier's Profile")** - [![Xavier's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar4105.png)](/forum/user/4105-xavier "View Xavier's Profile") - [ Offline](/forum/user/4105-xavier) Less More - Posts: 13201 - Thank you received: 2322 - - - - [](http://www.kidiweb.fr) - 13 years 8 months ago [\#87915](#87915) by [Xavier](/forum/user/4105-xavier "View Xavier's Profile") Replied by *[Xavier](/forum/user/4105-xavier "View Xavier's Profile")* on topic *[Re: Larger image on the product page?](/forum/4-how-to/10150-larger-image-on-the-product-page?start=60#87915 "Is it possible to get a larger image on the product page? Right now it is just the same size as the thumbnail in the product listing and the product page looks really empty with such a small image...")* Hi, I think that you solved you problem, because on the given link I don't see any margin and the characteristics are not over the thumbnail. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzEwMTUwLWxhcmdlci1pbWFnZS1vbi10aGUtcHJvZHVjdC1wYWdlP3N0YXJ0PTYwJnRtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[agosai](/forum/user/34298-agosai "View agosai's Profile")** - [![agosai's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/gallery/origami.png)](/forum/user/34298-agosai "View agosai's Profile") - [ Offline](/forum/user/34298-agosai) Less More - Posts: 6 - Thank you received: 0 - - - - 12 years 3 weeks ago [\#174130](#174130) by [agosai](/forum/user/34298-agosai "View agosai's Profile") Replied by *[agosai](/forum/user/34298-agosai "View agosai's Profile")* on topic *[Re: Larger image on the product page?](/forum/4-how-to/10150-larger-image-on-the-product-page?start=60#174130 "Is it possible to get a larger image on the product page? Right now it is just the same size as the thumbnail in the product listing and the product page looks really empty with such a small image...")* Hello, Are you please able to guide me in right direction. I'm using the latest version ( HikaShop Starter: 2.3.3 ) Where can I find the option to make my product images display bit bigger on the product page. Thanks in advance : ) Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzEwMTUwLWxhcmdlci1pbWFnZS1vbi10aGUtcHJvZHVjdC1wYWdlP3N0YXJ0PTYwJnRtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Jerome](/forum/user/80-jerome "View Jerome's Profile")** - [![Jerome's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar80.png)](/forum/user/80-jerome "View Jerome's Profile") - [ Offline](/forum/user/80-jerome) - HikaShop core developer Less More - Posts: 26394 - Thank you received: 4078 - - [](http://obsi.dev) - 12 years 3 weeks ago [\#174132](#174132) by [Jerome](/forum/user/80-jerome "View Jerome's Profile") Replied by *[Jerome](/forum/user/80-jerome "View Jerome's Profile")* on topic *[Re: Larger image on the product page?](/forum/4-how-to/10150-larger-image-on-the-product-page?start=60#174132 "Is it possible to get a larger image on the product page? Right now it is just the same size as the thumbnail in the product listing and the product page looks really empty with such a small image...")* Hi, You will the options for the image in the HikaShop configuration : [ www.hikashop.com/support/support/documen...fig.html#main\_images](https://www.hikashop.com/support/support/documentation/54-hikashop-config.html#main_images) Regards, --- Jerome - Obsidev.com HikaMarket & HikaSerial developer / HikaShop core dev team. The following user(s) said Thank You: [agosai](/forum/user/34298-agosai "View agosai's Profile") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzEwMTUwLWxhcmdlci1pbWFnZS1vbi10aGUtcHJvZHVjdC1wYWdlP3N0YXJ0PTYwJnRtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[nicho](/forum/user/34322-nicho "View nicho's Profile")** - [![nicho's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/34322-nicho "View nicho's Profile") - [ Offline](/forum/user/34322-nicho) Less More - Posts: 5 - Thank you received: 0 - - 12 years 3 days ago [\#176889](#176889) by [nicho](/forum/user/34322-nicho "View nicho's Profile") Replied by *[nicho](/forum/user/34322-nicho "View nicho's Profile")* on topic *[Larger image on the product page?](/forum/4-how-to/10150-larger-image-on-the-product-page?start=60#176889 "Is it possible to get a larger image on the product page? Right now it is just the same size as the thumbnail in the product listing and the product page looks really empty with such a small image...")* Please check out the following [ link](http://bibba.9co.no/index.php/produkt/1-sas01.html/) The first picture looks strange, the value for the widht doesn`t work. Please give me some tips what to do? Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzEwMTUwLWxhcmdlci1pbWFnZS1vbi10aGUtcHJvZHVjdC1wYWdlP3N0YXJ0PTYwJnRtcGw9bWFya2Rvd24=) 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)](/forum/user/63-nicolas "View nicolas's Profile") - [ Offline](/forum/user/63-nicolas) Less More - Posts: 86293 - Thank you received: 14271 - - 12 years 2 days ago [\#176915](#176915) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Larger image on the product page?](/forum/4-how-to/10150-larger-image-on-the-product-page?start=60#176915 "Is it possible to get a larger image on the product page? Right now it is just the same size as the thumbnail in the product listing and the product page looks really empty with such a small image...")* You added custom CSS on your website to force the size of the main image to be bigger. As a result, the browser is increasing the size of the small image and because of that it becomes blurry. Instead of increasing the size of the image with CSS, you should simply use the options "image width/height on product page" of the Images section of the HikaShop configuration in order to increase the size of the image. That way, you won't loose the quality of the image. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzEwMTUwLWxhcmdlci1pbWFnZS1vbi10aGUtcHJvZHVjdC1wYWdlP3N0YXJ0PTYwJnRtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[nicho](/forum/user/34322-nicho "View nicho's Profile")** - [![nicho's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/34322-nicho "View nicho's Profile") - [ Offline](/forum/user/34322-nicho) Less More - Posts: 5 - Thank you received: 0 - - 12 years 2 days ago [\#176940](#176940) by [nicho](/forum/user/34322-nicho "View nicho's Profile") Replied by *[nicho](/forum/user/34322-nicho "View nicho's Profile")* on topic *[Larger image on the product page?](/forum/4-how-to/10150-larger-image-on-the-product-page?start=60#176940 "Is it possible to get a larger image on the product page? Right now it is just the same size as the thumbnail in the product listing and the product page looks really empty with such a small image...")* I just followed the way to make the main picture bigger than the thumbnails, i read about earlier in this post. What is the correct CSS way to only increase the size of the thumbnails then? Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzEwMTUwLWxhcmdlci1pbWFnZS1vbi10aGUtcHJvZHVjdC1wYWdlP3N0YXJ0PTYwJnRtcGw9bWFya2Rvd24=) 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)](/forum/user/63-nicolas "View nicolas's Profile") - [ Offline](/forum/user/63-nicolas) Less More - Posts: 86293 - Thank you received: 14271 - - 12 years 1 day ago [\#176954](#176954) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Larger image on the product page?](/forum/4-how-to/10150-larger-image-on-the-product-page?start=60#176954 "Is it possible to get a larger image on the product page? Right now it is just the same size as the thumbnail in the product listing and the product page looks really empty with such a small image...")* The CSS to change for that is explained on this page of the documentation: [ www.hikashop.com/support/support/documen...ling.html#thumbnails](http://www.hikashop.com/support/support/documentation/84-css-styling.html#thumbnails) Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzEwMTUwLWxhcmdlci1pbWFnZS1vbi10aGUtcHJvZHVjdC1wYWdlP3N0YXJ0PTYwJnRtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[nicho](/forum/user/34322-nicho "View nicho's Profile")** - [![nicho's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/34322-nicho "View nicho's Profile") - [ Offline](/forum/user/34322-nicho) Less More - Posts: 5 - Thank you received: 0 - - 12 years 1 day ago [\#177005](#177005) by [nicho](/forum/user/34322-nicho "View nicho's Profile") Replied by *[nicho](/forum/user/34322-nicho "View nicho's Profile")* on topic *[Larger image on the product page?](/forum/4-how-to/10150-larger-image-on-the-product-page?start=60#177005 "Is it possible to get a larger image on the product page? Right now it is just the same size as the thumbnail in the product listing and the product page looks really empty with such a small image...")* I have tried this, but it doesn`t help. In the documentation it says you need to change this, but I cannot find this line anywhere in the frontend_custom.css Therefore I have added it. What am I missing here? Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzEwMTUwLWxhcmdlci1pbWFnZS1vbi10aGUtcHJvZHVjdC1wYWdlP3N0YXJ0PTYwJnRtcGw9bWFya2Rvd24=) 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)](/forum/user/63-nicolas "View nicolas's Profile") - [ Offline](/forum/user/63-nicolas) Less More - Posts: 86293 - Thank you received: 14271 - - 12 years 1 day ago [\#177049](#177049) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Larger image on the product page?](/forum/4-how-to/10150-larger-image-on-the-product-page?start=60#177049 "Is it possible to get a larger image on the product page? Right now it is just the same size as the thumbnail in the product listing and the product page looks really empty with such a small image...")* You still have the code to force the main image to be big: .hikashop_product_main_image_thumb img { height: 250px !important; width: 250px !important; } It's that code that you added which blur the main image. As I said in my first answer to you, instead of adding that CSS, you should use the "image width/height on product page" option of the configuration to configure the size you want for the main image. That way, the main image won't be blurry. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzEwMTUwLWxhcmdlci1pbWFnZS1vbi10aGUtcHJvZHVjdC1wYWdlP3N0YXJ0PTYwJnRtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[nicho](/forum/user/34322-nicho "View nicho's Profile")** - [![nicho's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/34322-nicho "View nicho's Profile") - [ Offline](/forum/user/34322-nicho) Less More - Posts: 5 - Thank you received: 0 - - 12 years 1 day ago [\#177095](#177095) by [nicho](/forum/user/34322-nicho "View nicho's Profile") Replied by *[nicho](/forum/user/34322-nicho "View nicho's Profile")* on topic *[Larger image on the product page?](/forum/4-how-to/10150-larger-image-on-the-product-page?start=60#177095 "Is it possible to get a larger image on the product page? Right now it is just the same size as the thumbnail in the product listing and the product page looks really empty with such a small image...")* I still have this code and the new you suggested, look at the bootom lines on the css file: [ ![300](http://bibba.9co.no/css.PNG) ](http://bibba.9co.no/css.PNG "300") Take a look at the configuration for images in Hikashop: [ ![300](http://bibba.9co.no/configuration.PNG) ](http://bibba.9co.no/configuration.PNG "300") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzEwMTUwLWxhcmdlci1pbWFnZS1vbi10aGUtcHJvZHVjdC1wYWdlP3N0YXJ0PTYwJnRtcGw9bWFya2Rvd24=) 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)](/forum/user/63-nicolas "View nicolas's Profile") - [ Offline](/forum/user/63-nicolas) Less More - Posts: 86293 - Thank you received: 14271 - - 12 years 15 hours ago [\#177111](#177111) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Larger image on the product page?](/forum/4-how-to/10150-larger-image-on-the-product-page?start=60#177111 "Is it possible to get a larger image on the product page? Right now it is just the same size as the thumbnail in the product listing and the product page looks really empty with such a small image...")* As I said in my previous messages, you need to remove that CSS. It's normal that you don't get what you want if keep it. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzEwMTUwLWxhcmdlci1pbWFnZS1vbi10aGUtcHJvZHVjdC1wYWdlP3N0YXJ0PTYwJnRtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[nicho](/forum/user/34322-nicho "View nicho's Profile")** - [![nicho's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/34322-nicho "View nicho's Profile") - [ Offline](/forum/user/34322-nicho) Less More - Posts: 5 - Thank you received: 0 - - 12 years 15 hours ago [\#177138](#177138) by [nicho](/forum/user/34322-nicho "View nicho's Profile") Replied by *[nicho](/forum/user/34322-nicho "View nicho's Profile")* on topic *[Larger image on the product page?](/forum/4-how-to/10150-larger-image-on-the-product-page?start=60#177138 "Is it possible to get a larger image on the product page? Right now it is just the same size as the thumbnail in the product listing and the product page looks really empty with such a small image...")* When I added the !important property to CSS code you provided it worked, but you didn`t tell me to do that. But anyway, finaly it works like a charm :woohoo: Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzEwMTUwLWxhcmdlci1pbWFnZS1vbi10aGUtcHJvZHVjdC1wYWdlP3N0YXJ0PTYwJnRtcGw9bWFya2Rvd24=) 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.167 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org) [](#top)