[Skip to main content](#vessel-content) # Hikashop Cart Module Product Image Thumbnail scales from 50x50 ## - **[gm417i](/forum/user/50630-gm417i "View gm417i's Profile")** - [![gm417i's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/50630-gm417i "View gm417i's Profile") Topic Author - [ Offline](/forum/user/50630-gm417i) Less More - Posts: 5 - Thank you received: 0 - - 9 years 5 months ago [\#271600](#271600) by [gm417i](/forum/user/50630-gm417i "View gm417i's Profile") *[Hikashop Cart Module Product Image Thumbnail scales from 50x50](/forum/27-checkout/890646-hikashop-cart-module-product-image-thumbnail-scales-from-50x50#271600 "Hey guyz, Is my first time on this forum so I should apologize if I make any mistakes from start. I am using the cart as a module and the size of the thumbnail is 50x50. After I click "proceed to checkout" button the size of the picture changes to 240x180 like I want it. I have used the command: .hikashop_product_checkout_cart_image{ width: 240px !important; height: 180px !important; } and it scales the already 50x50 thumbnail to 240x180 :( and you can imagine that the quality of the so scaled picture is very low How can I properly use the 240x180 thumbnail ? Thank you for your suggestions.")* was created by *[gm417i](/forum/user/50630-gm417i "View gm417i's Profile")* Hey guyz, Is my first time on this forum so I should apologize if I make any mistakes from start. I am using the cart as a module and the size of the thumbnail is 50x50. After I click "proceed to checkout" button the size of the picture changes to 240x180 like I want it. I have used the command: .hikashop_product_checkout_cart_image{ width: 240px !important; height: 180px !important; } and it scales the already 50x50 thumbnail to 240x180 ![:(](/media/kunena/emoticons/22.png ":(") and you can imagine that the quality of the so scaled picture is very low How can I properly use the 240x180 thumbnail ? Thank you for your suggestions. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI3LWNoZWNrb3V0Lzg5MDY0Ni1oaWthc2hvcC1jYXJ0LW1vZHVsZS1wcm9kdWN0LWltYWdlLXRodW1ibmFpbC1zY2FsZXMtZnJvbS01MHg1MD90bXBsPW1hcmtkb3du) 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 - - 9 years 5 months ago [\#271627](#271627) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Hikashop Cart Module Product Image Thumbnail scales from 50x50](/forum/27-checkout/890646-hikashop-cart-module-product-image-thumbnail-scales-from-50x50#271627 "Hey guyz, Is my first time on this forum so I should apologize if I make any mistakes from start. I am using the cart as a module and the size of the thumbnail is 50x50. After I click "proceed to checkout" button the size of the picture changes to 240x180 like I want it. I have used the command: .hikashop_product_checkout_cart_image{ width: 240px !important; height: 180px !important; } and it scales the already 50x50 thumbnail to 240x180 :( and you can imagine that the quality of the so scaled picture is very low How can I properly use the 240x180 thumbnail ? Thank you for your suggestions.")* Hi, You can't do that in CSS. You'll have to edit the view file which displays the cart in order to change the size of the images there, via the menu Display>Views. If it's the cart module where you want to change the images, then it's the file "cart" of the view "product" that you want to edit. You'll find that code: Code: $img = $this->imageHelper->getThumbnail(@$product->images[0]->file_path, array('width' => $width, 'height' => $height), $image_options); where you can change $width and $height by the number of pixels that you want. If it's the cart display on the checkout, then it's the file "show_block_cart" that you want to edit. There, the code to change is: Code: 'width' => $thumbnail_x, 'height' => $thumbnail_y The following user(s) said Thank You: [gm417i](/forum/user/50630-gm417i "View gm417i's Profile") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI3LWNoZWNrb3V0Lzg5MDY0Ni1oaWthc2hvcC1jYXJ0LW1vZHVsZS1wcm9kdWN0LWltYWdlLXRodW1ibmFpbC1zY2FsZXMtZnJvbS01MHg1MD90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[snevgi](/forum/user/38077-snevgi "View snevgi's Profile")** - [![snevgi's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/38077-snevgi "View snevgi's Profile") - [ Offline](/forum/user/38077-snevgi) Less More - Posts: 10 - Thank you received: 3 - - 7 years 3 months ago - 7 years 3 months ago [\#309461](#309461) by [snevgi](/forum/user/38077-snevgi "View snevgi's Profile") Replied by *[snevgi](/forum/user/38077-snevgi "View snevgi's Profile")* on topic *[Hikashop Cart Module Product Image Thumbnail scales from 50x50](/forum/27-checkout/890646-hikashop-cart-module-product-image-thumbnail-scales-from-50x50#309461 "Hey guyz, Is my first time on this forum so I should apologize if I make any mistakes from start. I am using the cart as a module and the size of the thumbnail is 50x50. After I click "proceed to checkout" button the size of the picture changes to 240x180 like I want it. I have used the command: .hikashop_product_checkout_cart_image{ width: 240px !important; height: 180px !important; } and it scales the already 50x50 thumbnail to 240x180 :( and you can imagine that the quality of the so scaled picture is very low How can I properly use the 240x180 thumbnail ? Thank you for your suggestions.")* I am having a similar issue where I would like the quality of images in cart module to be better (like it is on checkout page). For some reason the quality of cart page is really bad. I tried to find the code as listed above in file 'cart' page on view 'product' but could not find it. Did I miss it or has the location changed? Or do I need to do something else now? website: [ ](https://www.pixelsandstrokes.com.au)[ www.pixelsandstrokes.com.au](http://www.pixelsandstrokes.com.au) Please advise. Kind regards, Swapnil Last edit: 7 years 3 months ago by [snevgi](/forum/user/38077-snevgi "View snevgi's Profile"). Reason: spelling error Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI3LWNoZWNrb3V0Lzg5MDY0Ni1oaWthc2hvcC1jYXJ0LW1vZHVsZS1wcm9kdWN0LWltYWdlLXRodW1ibmFpbC1zY2FsZXMtZnJvbS01MHg1MD90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile")** - [![Mohamed Thelji's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar6861.png)](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile") - [ Offline](/forum/user/6861-mohamed-thelji) Less More - Posts: 12953 - Thank you received: 1778 - - - 7 years 3 months ago [\#309467](#309467) by [Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile") Replied by *[Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile")* on topic *[Hikashop Cart Module Product Image Thumbnail scales from 50x50](/forum/27-checkout/890646-hikashop-cart-module-product-image-thumbnail-scales-from-50x50#309467 "Hey guyz, Is my first time on this forum so I should apologize if I make any mistakes from start. I am using the cart as a module and the size of the thumbnail is 50x50. After I click "proceed to checkout" button the size of the picture changes to 240x180 like I want it. I have used the command: .hikashop_product_checkout_cart_image{ width: 240px !important; height: 180px !important; } and it scales the already 50x50 thumbnail to 240x180 :( and you can imagine that the quality of the so scaled picture is very low How can I properly use the 240x180 thumbnail ? Thank you for your suggestions.")* Hello Swapnil, If you want to edit the cart module the you'll just have to edit the code of the "Cart" file of the "Product" view of your front-end template via "Hikashop->Display->Views", and change the following line which is still in that file : Code: $img = $this->imageHelper->getThumbnail(@$product->images[0]->file_path, array('width' => $width, 'height' => $height), $image_options); We wish you a nice day, Kind regards, Mohamed Thelji. The following user(s) said Thank You: [snevgi](/forum/user/38077-snevgi "View snevgi's Profile") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI3LWNoZWNrb3V0Lzg5MDY0Ni1oaWthc2hvcC1jYXJ0LW1vZHVsZS1wcm9kdWN0LWltYWdlLXRodW1ibmFpbC1zY2FsZXMtZnJvbS01MHg1MD90bXBsPW1hcmtkb3du) 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.050 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org)