[Skip to main content](#vessel-content) # Related and Checkout image sizes. ## - **[coop9653](/forum/user/33461-coop9653 "View coop9653's Profile")** - [![coop9653's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/33461-coop9653 "View coop9653's Profile") Topic Author - [ Offline](/forum/user/33461-coop9653) Less More - Posts: 20 - Thank you received: 0 - - 11 years 2 weeks ago [\#217085](#217085) by [coop9653](/forum/user/33461-coop9653 "View coop9653's Profile") *[Related and Checkout image sizes.](/forum/26-product-category-display/879819-related-and-checkout-image-sizes#217085 "-- Joomla version -- : 3.3 -- PHP version -- : 2.6 checkout and related product image sizes I need the image sizes to be different on each!! I have tried changing the img and other container sizes in css the images will not change size I can change the configuration thumbnail size, but it changes both! I want the related products to be about 200px height but this is much to big for the checkout page, 50px is better for this.")* was created by *[coop9653](/forum/user/33461-coop9653 "View coop9653's Profile")* -- Joomla version -- : 3.3 -- PHP version -- : 2.6 checkout and related product image sizes I need the image sizes to be different on each!! I have tried changing the img and other container sizes in css the images will not change size I can change the configuration thumbnail size, but it changes both! I want the related products to be about 200px height but this is much to big for the checkout page, 50px is better for this. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84Nzk4MTktcmVsYXRlZC1hbmQtY2hlY2tvdXQtaW1hZ2Utc2l6ZXM/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Philip](/forum/user/34318-philip "View Philip's Profile")** - [![Philip's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar34318_2015-11-18-2.png)](/forum/user/34318-philip "View Philip's Profile") - [ Offline](/forum/user/34318-philip) Less More - Posts: 4820 - Thank you received: 654 - - 11 years 2 weeks ago - 11 years 2 weeks ago [\#217149](#217149) by [Philip](/forum/user/34318-philip "View Philip's Profile") Replied by *[Philip](/forum/user/34318-philip "View Philip's Profile")* on topic *[Related and Checkout image sizes.](/forum/26-product-category-display/879819-related-and-checkout-image-sizes#217149 "-- Joomla version -- : 3.3 -- PHP version -- : 2.6 checkout and related product image sizes I need the image sizes to be different on each!! I have tried changing the img and other container sizes in css the images will not change size I can change the configuration thumbnail size, but it changes both! I want the related products to be about 200px height but this is much to big for the checkout page, 50px is better for this.")* Hello, for the related product image follow this steps : - First go to : **Extensions -> Modules** - Find and click on **Related products** (in Modules listing screen) - Click on **Hikashop Options** Tab - In **Item Layout** part, enter your required dimension for your picture, for you **Image height : 200 px** AND **Image width : 200 px** **IMPORTANT :** If you don't enter a width to 200 px your picture won't be displayed bigger. For have in your checkout, a 50 px product image - **Components -> HikaShop -> Configuration** - Click on the **Display** tab [ ![HIKASHOP_-_configuration_-_display_2015-10-13.png](/forum/attachment/27022) ](/forum/attachment/27022 "...2015-10-13.png") - Select **CSS** on left side, just below **General display options** - In the **CSS** part, see the **Front-end CSS file**? Click on the little pen icon - You know see your Front-end CSS file, go to the end of your file - Add this code : img.hikashop_product_checkout_cart_image { width: 50px; } - And don't forget to save! Regards, - [ ![HIKASHOP_-_configuration_-_display_2015-10-13.png](/forum/attachment/27022) ](/forum/attachment/27022 "...2015-10-13.png") [ ](/forum/attachment/27022?download=1 "...2015-10-13.png") Last edit: 11 years 2 weeks ago by [Philip](/forum/user/34318-philip "View Philip's Profile"). The following user(s) said Thank You: [Galle43](/forum/user/36383-galle43 "View Galle43's Profile") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84Nzk4MTktcmVsYXRlZC1hbmQtY2hlY2tvdXQtaW1hZ2Utc2l6ZXM/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[coop9653](/forum/user/33461-coop9653 "View coop9653's Profile")** - [![coop9653's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/33461-coop9653 "View coop9653's Profile") Topic Author - [ Offline](/forum/user/33461-coop9653) Less More - Posts: 20 - Thank you received: 0 - - 11 years 2 weeks ago [\#217164](#217164) by [coop9653](/forum/user/33461-coop9653 "View coop9653's Profile") Replied by *[coop9653](/forum/user/33461-coop9653 "View coop9653's Profile")* on topic *[Related and Checkout image sizes.](/forum/26-product-category-display/879819-related-and-checkout-image-sizes#217164 "-- Joomla version -- : 3.3 -- PHP version -- : 2.6 checkout and related product image sizes I need the image sizes to be different on each!! I have tried changing the img and other container sizes in css the images will not change size I can change the configuration thumbnail size, but it changes both! I want the related products to be about 200px height but this is much to big for the checkout page, 50px is better for this.")* OMG -- I had spent HOURS trying to get this to work in the styles for front end css! Why is there 2 CSS files? What is controlled by the front end CSS and what is controled by the styles for front end CSS? I add the exact same code to the "styles" css and it does not work... what is the thinking for having 2 different css files that control layout eliments (other that to drive me crazy -grin-) thanks Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84Nzk4MTktcmVsYXRlZC1hbmQtY2hlY2tvdXQtaW1hZ2Utc2l6ZXM/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Philip](/forum/user/34318-philip "View Philip's Profile")** - [![Philip's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar34318_2015-11-18-2.png)](/forum/user/34318-philip "View Philip's Profile") - [ Offline](/forum/user/34318-philip) Less More - Posts: 4820 - Thank you received: 654 - - 11 years 2 weeks ago [\#217169](#217169) by [Philip](/forum/user/34318-philip "View Philip's Profile") Replied by *[Philip](/forum/user/34318-philip "View Philip's Profile")* on topic *[Related and Checkout image sizes.](/forum/26-product-category-display/879819-related-and-checkout-image-sizes#217169 "-- Joomla version -- : 3.3 -- PHP version -- : 2.6 checkout and related product image sizes I need the image sizes to be different on each!! I have tried changing the img and other container sizes in css the images will not change size I can change the configuration thumbnail size, but it changes both! I want the related products to be about 200px height but this is much to big for the checkout page, 50px is better for this.")* Hi, As a short answer, the front-end CSS file purpose is to give a basic structure to your front-end HikaShop website. Style front end is to add style pack that you buy, and go further, as of course aesthetic purpose. Regards, Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84Nzk4MTktcmVsYXRlZC1hbmQtY2hlY2tvdXQtaW1hZ2Utc2l6ZXM/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.292 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org) [](#top)