[Skip to main content](#vessel-content) # Thumbails on product details page wont work ## - **[Huub](/forum/user/5333-huub "View Huub's Profile")** - [![Huub's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/5333-huub "View Huub's Profile") Topic Author - [ Offline](/forum/user/5333-huub) Less More - Posts: 72 - Thank you received: 3 - - 13 years 1 month ago [\#124239](#124239) by [Huub](/forum/user/5333-huub "View Huub's Profile") *[Thumbails on product details page wont work](/forum/26-product-category-display/862153-thumbails-on-product-details-page-wont-work#124239 "As described in the online support pages i added the following lines to my frontend CSS: How to change the size of the small thumbnails on the product page (you see them only when you have several images attached to a product) ? You need to edit the CSS of HikaShop via the interface in the configuration under the tab display in the CSS area. There, you can change the CSS: div#hikashop_product_left_part img.hikashop_child_image{ margin : 2px; height:25px; } Unfortunatly nothing changed and i had only big 400x400px images. Then i added, in stead of the above lines, the following to the CSS: #hikashop_small_image_div img { width: 75px; } Now i did get the thumbnails to work well on the mainproduct, but .... if i pick from the dropdown list a characteristic of that main product then the thumbnails are gone and replaced again by the 400px images. Please can someone tell me how to properly add thumbnails to the product details page! Example can be seen here:")* was created by *[Huub](/forum/user/5333-huub "View Huub's Profile")* As described in the online support pages i added the following lines to my frontend CSS: *How to change the size of the small thumbnails on the product page (you see them only when you have several images attached to a product) ? You need to edit the CSS of HikaShop via the interface in the configuration under the tab display in the CSS area. There, you can change the CSS: div#hikashop\_product\_left\_part img.hikashop\_child\_image{ margin : 2px; height:25px; }* Unfortunatly nothing changed and i had only big 400x400px images. Then i added, in stead of the above lines, the following to the CSS: \#hikashop_small_image_div img { width: 75px; } Now i did get the thumbnails to work well on the mainproduct, but .... if i pick from the dropdown list a characteristic of that main product then the thumbnails are gone and replaced again by the 400px images. Please can someone tell me how to properly add thumbnails to the product details page! Example can be seen here: [ voorbeeld](http://test.kossies.nl/index.php/webshop/product/110-dekbedset-duifjes-hartjes) Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84NjIxNTMtdGh1bWJhaWxzLW9uLXByb2R1Y3QtZGV0YWlscy1wYWdlLXdvbnQtd29yaz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[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 1 month ago - 13 years 1 month ago [\#124270](#124270) by [Xavier](/forum/user/4105-xavier "View Xavier's Profile") Replied by *[Xavier](/forum/user/4105-xavier "View Xavier's Profile")* on topic *[Thumbails on product details page wont work](/forum/26-product-category-display/862153-thumbails-on-product-details-page-wont-work#124270 "As described in the online support pages i added the following lines to my frontend CSS: How to change the size of the small thumbnails on the product page (you see them only when you have several images attached to a product) ? You need to edit the CSS of HikaShop via the interface in the configuration under the tab display in the CSS area. There, you can change the CSS: div#hikashop_product_left_part img.hikashop_child_image{ margin : 2px; height:25px; } Unfortunatly nothing changed and i had only big 400x400px images. Then i added, in stead of the above lines, the following to the CSS: #hikashop_small_image_div img { width: 75px; } Now i did get the thumbnails to work well on the mainproduct, but .... if i pick from the dropdown list a characteristic of that main product then the thumbnails are gone and replaced again by the 400px images. Please can someone tell me how to properly add thumbnails to the product details page! Example can be seen here:")* Hi, Try to use: Code: .hikashop_small_image_div img { width: 75px; } Instead of your code. Applying the property on the class instead of the id should solve your problem. Last edit: 13 years 1 month ago by [Xavier](/forum/user/4105-xavier "View Xavier's Profile"). The following user(s) said Thank You: [Huub](/forum/user/5333-huub "View Huub's Profile"), [curtisbollington](/forum/user/7813-curtisbollington "View curtisbollington's Profile") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84NjIxNTMtdGh1bWJhaWxzLW9uLXByb2R1Y3QtZGV0YWlscy1wYWdlLXdvbnQtd29yaz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Huub](/forum/user/5333-huub "View Huub's Profile")** - [![Huub's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/5333-huub "View Huub's Profile") Topic Author - [ Offline](/forum/user/5333-huub) Less More - Posts: 72 - Thank you received: 3 - - 13 years 1 month ago [\#124281](#124281) by [Huub](/forum/user/5333-huub "View Huub's Profile") Replied by *[Huub](/forum/user/5333-huub "View Huub's Profile")* on topic *[Thumbails on product details page wont work](/forum/26-product-category-display/862153-thumbails-on-product-details-page-wont-work#124281 "As described in the online support pages i added the following lines to my frontend CSS: How to change the size of the small thumbnails on the product page (you see them only when you have several images attached to a product) ? You need to edit the CSS of HikaShop via the interface in the configuration under the tab display in the CSS area. There, you can change the CSS: div#hikashop_product_left_part img.hikashop_child_image{ margin : 2px; height:25px; } Unfortunatly nothing changed and i had only big 400x400px images. Then i added, in stead of the above lines, the following to the CSS: #hikashop_small_image_div img { width: 75px; } Now i did get the thumbnails to work well on the mainproduct, but .... if i pick from the dropdown list a characteristic of that main product then the thumbnails are gone and replaced again by the 400px images. Please can someone tell me how to properly add thumbnails to the product details page! Example can be seen here:")* As i wrote in my original post, that is exact the css code i added myself Xavier. but now the strange thing is that now i do get the thumbnails to work well on the mainproduct, but .... if i pick from the dropdown list a characteristic of that main product then the thumbnails are gone and replaced again by the 400px images. if you click on the link in my original post you can see an example of what happens. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84NjIxNTMtdGh1bWJhaWxzLW9uLXByb2R1Y3QtZGV0YWlscy1wYWdlLXdvbnQtd29yaz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[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 1 month ago [\#124304](#124304) by [Xavier](/forum/user/4105-xavier "View Xavier's Profile") Replied by *[Xavier](/forum/user/4105-xavier "View Xavier's Profile")* on topic *[Thumbails on product details page wont work](/forum/26-product-category-display/862153-thumbails-on-product-details-page-wont-work#124304 "As described in the online support pages i added the following lines to my frontend CSS: How to change the size of the small thumbnails on the product page (you see them only when you have several images attached to a product) ? You need to edit the CSS of HikaShop via the interface in the configuration under the tab display in the CSS area. There, you can change the CSS: div#hikashop_product_left_part img.hikashop_child_image{ margin : 2px; height:25px; } Unfortunatly nothing changed and i had only big 400x400px images. Then i added, in stead of the above lines, the following to the CSS: #hikashop_small_image_div img { width: 75px; } Now i did get the thumbnails to work well on the mainproduct, but .... if i pick from the dropdown list a characteristic of that main product then the thumbnails are gone and replaced again by the 400px images. Please can someone tell me how to properly add thumbnails to the product details page! Example can be seen here:")* Sorry you have to use a "." Instead of "#", I forgot to replace it in my previous post. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84NjIxNTMtdGh1bWJhaWxzLW9uLXByb2R1Y3QtZGV0YWlscy1wYWdlLXdvbnQtd29yaz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Huub](/forum/user/5333-huub "View Huub's Profile")** - [![Huub's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/5333-huub "View Huub's Profile") Topic Author - [ Offline](/forum/user/5333-huub) Less More - Posts: 72 - Thank you received: 3 - - 13 years 1 month ago [\#124306](#124306) by [Huub](/forum/user/5333-huub "View Huub's Profile") Replied by *[Huub](/forum/user/5333-huub "View Huub's Profile")* on topic *[Thumbails on product details page wont work](/forum/26-product-category-display/862153-thumbails-on-product-details-page-wont-work#124306 "As described in the online support pages i added the following lines to my frontend CSS: How to change the size of the small thumbnails on the product page (you see them only when you have several images attached to a product) ? You need to edit the CSS of HikaShop via the interface in the configuration under the tab display in the CSS area. There, you can change the CSS: div#hikashop_product_left_part img.hikashop_child_image{ margin : 2px; height:25px; } Unfortunatly nothing changed and i had only big 400x400px images. Then i added, in stead of the above lines, the following to the CSS: #hikashop_small_image_div img { width: 75px; } Now i did get the thumbnails to work well on the mainproduct, but .... if i pick from the dropdown list a characteristic of that main product then the thumbnails are gone and replaced again by the 400px images. Please can someone tell me how to properly add thumbnails to the product details page! Example can be seen here:")* Yessssss!!! Thank you soooo much Xavier ....that solved it ![:)](/media/kunena/emoticons/3.png ":)") You made someone very happy today .....me! Have a wonderful rest of your day Xavier Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84NjIxNTMtdGh1bWJhaWxzLW9uLXByb2R1Y3QtZGV0YWlscy1wYWdlLXdvbnQtd29yaz90bXBsPW1hcmtkb3du) 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.069 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org)