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

#   Larger image on the product page?

##

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

Less More

- Posts: 14
- Thank you received: 0
-
-

15 years 3 months ago [\#21172](#21172) by [warriorfullights](/forum/user/3286-warriorfullights "View warriorfullights's Profile")  Replied by *[warriorfullights](/forum/user/3286-warriorfullights "View warriorfullights's Profile")* on topic *[Re: Larger image on the product page?](/forum/4-how-to/10150-larger-image-on-the-product-page?start=20#21172 "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 don't know anything about CSS, but know some basic HTML coding. Can it be done via HTML code? If so, how? I need to adjust some image sizes. I hope it can be done.

---

[ ![&#91;img](http://imagicon.info/cat/5-47/bye.gif) ](http://imagicon.info/cat/5-47/bye.gif "&#91;img")

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

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

Less More

- Posts: 152
- Thank you received: 0
-
-
-

15 years 3 months ago [\#21177](#21177) by [plantpotphil](/forum/user/2189-plantpotphil "View plantpotphil's Profile")  Replied by *[plantpotphil](/forum/user/2189-plantpotphil "View plantpotphil's Profile")* on topic *[Re: Larger image on the product page?](/forum/4-how-to/10150-larger-image-on-the-product-page?start=20#21177 "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...")*

Sorted the issue of only the main image being larger. in the view "product" "show.php", you need to change:

$image = reset($variant-&gt;images);
if(!$this-&gt;config-&gt;get('thumbnail')){

to:

$image = reset($variant-&gt;images);
if(!$this-&gt;config-&gt;get('image')){

---

Create your own style of luxury [ bespoke furniture](http://www.clothierjones.com) online

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

15 years 3 months ago [\#21184](#21184) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: Larger image on the product page?](/forum/4-how-to/10150-larger-image-on-the-product-page?start=20#21184 "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...")*

That code is present twice on that view. The problem you're describing sounds like you changed only the first occurrence of the code and not the second one.

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

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

Less More

- Posts: 152
- Thank you received: 0
-
-
-

15 years 3 months ago -  15 years 3 months ago [\#21186](#21186) by [plantpotphil](/forum/user/2189-plantpotphil "View plantpotphil's Profile")  Replied by *[plantpotphil](/forum/user/2189-plantpotphil "View plantpotphil's Profile")* on topic *[Re: Larger image on the product page?](/forum/4-how-to/10150-larger-image-on-the-product-page?start=20#21186 "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...")*

Yeah that's right Nicolas :side:

If anyone wants to do the same thing, you need to edit both instances int he PHP (as described above) and put the following line in your CSS (If you want all the images to be affected by the CSS, rather than just the initial product image):

\#hikashop_product_image_main img{ XXX-STUFF-XXX; }

---

Create your own style of luxury [ bespoke furniture](http://www.clothierjones.com) online

Last edit: 15 years 3 months ago by [plantpotphil](/forum/user/2189-plantpotphil "View plantpotphil's Profile").

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

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

Less More

- Posts: 152
- Thank you received: 0
-
-
-

15 years 3 months ago -  13 years 6 months ago [\#21202](#21202) by [plantpotphil](/forum/user/2189-plantpotphil "View plantpotphil's Profile")  Replied by *[plantpotphil](/forum/user/2189-plantpotphil "View plantpotphil's Profile")* on topic *[Re: Larger image on the product page?](/forum/4-how-to/10150-larger-image-on-the-product-page?start=20#21202 "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...")*

#hikashop_product_image_main img{height: 300px !important; width: 300px !important; border: 1px solid white; margin: 30px !important;}

Just realised that the above styling expands the size of all the images :dry: ...Which is a problem if you have more than one image to select from for a product or a variant.

Nicolas, do you know any solutions to this? An example is at *deadlink*. If you select the characteristic Textile = "Black Vintage" you'll see the secondary images come up at the bottom.

I've tried adding the following to the CSS, with no success:

\#hikashop_small_image_div img{height: 50px !important; width: 50px !important; border: 1px solid white;}

Any suggestions?

---

Create your own style of luxury [ bespoke furniture](http://www.clothierjones.com) online

Last edit: 13 years 6 months ago by [plantpotphil](/forum/user/2189-plantpotphil "View plantpotphil's Profile").

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

15 years 3 months ago [\#21213](#21213) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: Larger image on the product page?](/forum/4-how-to/10150-larger-image-on-the-product-page?start=20#21213 "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...")*

There is no id called hikashop_small_image_div, that's why it doesn't work.

you should try like this:
\#hikashop_product_image_main .hikashop_image_small_link img{height: 50px !important; width: 50px !important; border: 1px solid white;}

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

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

Less More

- Posts: 152
- Thank you received: 0
-
-
-

15 years 3 months ago [\#21240](#21240) by [plantpotphil](/forum/user/2189-plantpotphil "View plantpotphil's Profile")  Replied by *[plantpotphil](/forum/user/2189-plantpotphil "View plantpotphil's Profile")* on topic *[Re: Larger image on the product page?](/forum/4-how-to/10150-larger-image-on-the-product-page?start=20#21240 "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...")*

Thanks Nicolas, that worked!

The images are now the right size but they still draw on the thumb image, meaning it's poorly rendered at a larger size.

I assume I'll need to edit: product &gt; show.php. Do you know which lines? The only mention of Thumbnail I can find is "$height = $this-&gt;config-&gt;get('thumbnail_y');" and I assume this is just to set the height rather than source the image?

---

Create your own style of luxury [ bespoke furniture](http://www.clothierjones.com) online

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

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

Less More

- Posts: 152
- Thank you received: 0
-
-
-

15 years 3 months ago [\#21245](#21245) by [plantpotphil](/forum/user/2189-plantpotphil "View plantpotphil's Profile")  Replied by *[plantpotphil](/forum/user/2189-plantpotphil "View plantpotphil's Profile")* on topic *[Re: Larger image on the product page?](/forum/4-how-to/10150-larger-image-on-the-product-page?start=20#21245 "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...")*

![:)](/media/kunena/emoticons/3.png ":)") Sorted this out myself by using the guidance at [ www.hikashop.com/support/documentation/5...p-config.html#images](http://www.hikashop.com/support/documentation/54-hikashop-config.html#images)

Sorry for pestering you Nicolas!

---

Create your own style of luxury [ bespoke furniture](http://www.clothierjones.com) online

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

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

Less More

- Posts: 5
- Thank you received: 0
-
-

15 years 1 month ago [\#26047](#26047) by [seandrews](/forum/user/4008-seandrews "View seandrews's Profile")  Replied by *[seandrews](/forum/user/4008-seandrews "View seandrews's Profile")* on topic *[Re: Larger image on the product page?](/forum/4-how-to/10150-larger-image-on-the-product-page?start=20#26047 "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 there,

So i've followed this thread, been able to get my images to appear larger, as well as larger thumbnails.

However, I seem to keep coming across the same problem - I can't get the images to not be blurry after having fixed the sizing issue.

I've gone into my files - media/com_hikashop/upload and cleared out all thumbnails. But the problem still persists!

Help!

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

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

Less More

- Posts: 152
- Thank you received: 0
-
-
-

15 years 1 month ago [\#26048](#26048) by [plantpotphil](/forum/user/2189-plantpotphil "View plantpotphil's Profile")  Replied by *[plantpotphil](/forum/user/2189-plantpotphil "View plantpotphil's Profile")* on topic *[Re: Larger image on the product page?](/forum/4-how-to/10150-larger-image-on-the-product-page?start=20#26048 "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...")*

Sorry if this is a bit obvious, but have you cleared your browser cache?

---

Create your own style of luxury [ bespoke furniture](http://www.clothierjones.com) online

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

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

Less More

- Posts: 5
- Thank you received: 0
-
-

15 years 1 month ago [\#26049](#26049) by [seandrews](/forum/user/4008-seandrews "View seandrews's Profile")  Replied by *[seandrews](/forum/user/4008-seandrews "View seandrews's Profile")* on topic *[Re: Larger image on the product page?](/forum/4-how-to/10150-larger-image-on-the-product-page?start=20#26049 "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...")*

Done that, but the problem still persists!

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

15 years 1 month ago [\#26061](#26061) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: Larger image on the product page?](/forum/4-how-to/10150-larger-image-on-the-product-page?start=20#26061 "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...")*

If you have the latest version of HikaShop, the indications on that thread are outdated.
Since 1.5.3, you have the possibility to set thumbnails width and height for each products listing module and menu in its hikashop options.
The thumbnails height and width on the product pages can be configured with the corresponding option in the Files tab of the config.

You don't need to use any CSS or code modification.

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

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

Less More

- Posts: 5
- Thank you received: 0
-
-

15 years 1 month ago [\#26070](#26070) by [seandrews](/forum/user/4008-seandrews "View seandrews's Profile")  Replied by *[seandrews](/forum/user/4008-seandrews "View seandrews's Profile")* on topic *[Re: Larger image on the product page?](/forum/4-how-to/10150-larger-image-on-the-product-page?start=20#26070 "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...")*

Just realised that the module wasn't active. I'm able to use it to edit the main category page of the shop, but I can't figure out where to go to edit the product page images/thumbnails, etc.

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

15 years 1 month ago [\#26082](#26082) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: Larger image on the product page?](/forum/4-how-to/10150-larger-image-on-the-product-page?start=20#26082 "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 thumbnails height and width on the product pages can be configured with the corresponding option in the Files tab of the config.

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

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

Less More

- Posts: 42
- Thank you received: 1
-
-

14 years 11 months ago -  14 years 11 months ago [\#29757](#29757) by [Darken](/forum/user/2151-darken "View Darken's Profile")  Replied by *[Darken](/forum/user/2151-darken "View Darken's Profile")* on topic *[Re: Larger image on the product page?](/forum/4-how-to/10150-larger-image-on-the-product-page?start=20#29757 "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...")*

Nicolas,

I am able to increase size of main picture of product in product page, however am still unable to solve the picture quality issue despite deleting all previous thumbnail files via FTP and clearing my browser cache.

Also, I realise that after adding ".hikashop_product_main_image_thumb img{width: 250px!important; height: 250px!important;}" to the frontend file, those products which have a few thumbnail pictures are having its main product image overlapped by the smaller thumbnail pictures. Meaning all the content (words and thumbnail pictures) below the main product picture did not move downwards despite the change in main product picture size.

Please help above two problems, thanks!

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

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

14 years 11 months ago [\#29783](#29783) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: Larger image on the product page?](/forum/4-how-to/10150-larger-image-on-the-product-page?start=20#29783 "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 don't need any CSS to modify the size of thumbnails. Just use the thumbnails width/height options in the Display tab of the configuration.

The image quality might come from the original image quality.
For example, if you set the options images width/height in the configuration, when you upload an image, it will be resized automatically with that size, and then a thumbnail will be generated for it with the thumbnails width/height options. So if the options images width/height have been set with a small value before uploading the image, no matter what thumbnail size you choose, the original image will have that small size.
The solution is you remove the values you have for the options images width/height and upload again your image.

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

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

Less More

- Posts: 42
- Thank you received: 1
-
-

14 years 11 months ago -  14 years 11 months ago [\#29808](#29808) by [Darken](/forum/user/2151-darken "View Darken's Profile")  Replied by *[Darken](/forum/user/2151-darken "View Darken's Profile")* on topic *[Re: Larger image on the product page?](/forum/4-how-to/10150-larger-image-on-the-product-page?start=20#29808 "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 Nicolas,

Thanks, I am able to solve the product image problem.

However, after trying to make a smaller thumbnail picture for the product div page with ".hikashop_product_image img {width: 100px !important; height: 100px !important; }", they are able to be reduced to my desired size of 100x100px, but now there is a huge gap between picture and title, please see the following screenshot.

[ ![&#91;img](http://www.hikashop.com/media/kunena/attachments/legacy/images/b.jpg) ](http://www.hikashop.com/media/kunena/attachments/legacy/images/b.jpg "&#91;img")

2nd problem, I don't know how to manually edit the size of the thumbnails in categories listing page, please see the following screenshot, the categories pictures follows my product page pictures size.

[ ![&#91;img](http://www.hikashop.com/media/kunena/attachments/legacy/images/A.jpg) ](http://www.hikashop.com/media/kunena/attachments/legacy/images/A.jpg "&#91;img")

- [ ![A.jpg](/forum/attachment/2058) ](/forum/attachment/2058 "A.jpg") [ ](/forum/attachment/2058?download=1 "A.jpg")
- [ ![b.jpg](/forum/attachment/2060) ](/forum/attachment/2060 "b.jpg") [ ](/forum/attachment/2060?download=1 "b.jpg")

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

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

14 years 11 months ago [\#29821](#29821) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: Larger image on the product page?](/forum/4-how-to/10150-larger-image-on-the-product-page?start=20#29821 "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...")*

For your products and categories listings, you should edit their options via the menu Display-&gt;Content menus/modules and set the "images width/height" options so that they take the correct size. You should not use CSS for that. Otherwise, the div around the image won't have the proper height and you will get that big blank space (which can however be corrected with a bit more CSS).

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

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

Less More

- Posts: 42
- Thank you received: 1
-
-

14 years 11 months ago [\#29823](#29823) by [Darken](/forum/user/2151-darken "View Darken's Profile")  Replied by *[Darken](/forum/user/2151-darken "View Darken's Profile")* on topic *[Re: Larger image on the product page?](/forum/4-how-to/10150-larger-image-on-the-product-page?start=20#29823 "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...")*

**nicolas wrote:**

> For your products and categories listings, you should edit their options via the menu Display-&gt;Content menus/modules and set the "images width/height" options so that they take the correct size. You should not use CSS for that. Otherwise, the div around the image won't have the proper height and you will get that big blank space (which can however be corrected with a bit more CSS).

Hi Nicolas,

I am able to go to Display-&gt;Content menus/modules, but I am unable to find the settings for the "images width/height". Please guide me. Thanks!

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

14 years 11 months ago [\#29832](#29832) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: Larger image on the product page?](/forum/4-how-to/10150-larger-image-on-the-product-page?start=20#29832 "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 you edit a module/menu, on the right side of the screen, you should find these options if you're using the latest version of HikaShop.

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

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