[Skip to main content](#vessel-content) # Product listing display different between desktop, tablet and mobile mode ## - **[fvdn](/forum/user/48779-fvdn "View fvdn's Profile")** - [![fvdn's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/48779-fvdn "View fvdn's Profile") Topic Author - [ Offline](/forum/user/48779-fvdn) Less More - Posts: 16 - Thank you received: 0 - - 9 years 6 months ago - 9 years 6 months ago [\#268936](#268936) by [fvdn](/forum/user/48779-fvdn "View fvdn's Profile") *[Product listing display different between desktop, tablet and mobile mode](/forum/26-product-category-display/890121-product-listing-display-different-between-desktop-tablet-and-mobile-mode#268936 "-- url of the page with the problem -- : www.kamagraerektion.info/ -- HikaShop version -- : 3.0.1 -- Joomla version -- : 3.7 -- PHP version -- : 5.6.30 -- Browser(s) name and version -- : Firefox 51.0.1 Hello, On this moment the display in desktop and tablet (landscape mode) mode lets see 4 product at a row and in tablet and mobile mode the display lets see 1 product. I want it to be as follow. desktop mode (4 products) tablet landscape mode (4 products) tablet portrait mode (2 products) mobile portrait and landscape moede (1 product) How do i manage this.")* was created by *[fvdn](/forum/user/48779-fvdn "View fvdn's Profile")* -- url of the page with the problem -- : [ www.kamagraerektion.info/](http://www.kamagraerektion.info/) -- HikaShop version -- : 3.0.1 -- Joomla version -- : 3.7 -- PHP version -- : 5.6.30 -- Browser(s) name and version -- : Firefox 51.0.1 Hello, On this moment the display in desktop and tablet (landscape mode) mode lets see 4 product at a row and in tablet and mobile mode the display lets see 1 product. I want it to be as follow. desktop mode (4 products) tablet landscape mode (4 products) tablet portrait mode (2 products) mobile portrait and landscape moede (1 product) How do i manage this. - [ ![Schermafbeelding2017-05-07om10.57.11.png](/forum/attachment/37993) ](/forum/attachment/37993 "...om10.57.11.png") [ ](/forum/attachment/37993?download=1 "...om10.57.11.png") - [ ![Schermafbeelding2017-05-07om10.57.00.png](/forum/attachment/37994) ](/forum/attachment/37994 "...om10.57.00.png") [ ](/forum/attachment/37994?download=1 "...om10.57.00.png") Last edit: 9 years 6 months ago by [fvdn](/forum/user/48779-fvdn "View fvdn's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84OTAxMjEtcHJvZHVjdC1saXN0aW5nLWRpc3BsYXktZGlmZmVyZW50LWJldHdlZW4tZGVza3RvcC10YWJsZXQtYW5kLW1vYmlsZS1tb2RlP3RtcGw9bWFya2Rvd24=) 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") - [ Away](/forum/user/63-nicolas) Less More - Posts: 86555 - Thank you received: 14304 - - 9 years 6 months ago [\#268976](#268976) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Product listing display different between desktop, tablet and mobile mode](/forum/26-product-category-display/890121-product-listing-display-different-between-desktop-tablet-and-mobile-mode#268976 "-- url of the page with the problem -- : www.kamagraerektion.info/ -- HikaShop version -- : 3.0.1 -- Joomla version -- : 3.7 -- PHP version -- : 5.6.30 -- Browser(s) name and version -- : Firefox 51.0.1 Hello, On this moment the display in desktop and tablet (landscape mode) mode lets see 4 product at a row and in tablet and mobile mode the display lets see 1 product. I want it to be as follow. desktop mode (4 products) tablet landscape mode (4 products) tablet portrait mode (2 products) mobile portrait and landscape moede (1 product) How do i manage this.")* Hi, You would need to change the code: hkc-md-<?php echo (int)$span; ?> to: hkc-md-<?php echo (int)$span. ($span=![=3](/smile3.gif "=3") ? ' hkc-sm-6': ''); ?> in the file "listing_div" of the view "product" via the menu Display>Views. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84OTAxMjEtcHJvZHVjdC1saXN0aW5nLWRpc3BsYXktZGlmZmVyZW50LWJldHdlZW4tZGVza3RvcC10YWJsZXQtYW5kLW1vYmlsZS1tb2RlP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[fvdn](/forum/user/48779-fvdn "View fvdn's Profile")** - [![fvdn's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/48779-fvdn "View fvdn's Profile") Topic Author - [ Offline](/forum/user/48779-fvdn) Less More - Posts: 16 - Thank you received: 0 - - 9 years 6 months ago [\#269145](#269145) by [fvdn](/forum/user/48779-fvdn "View fvdn's Profile") Replied by *[fvdn](/forum/user/48779-fvdn "View fvdn's Profile")* on topic *[Product listing display different between desktop, tablet and mobile mode](/forum/26-product-category-display/890121-product-listing-display-different-between-desktop-tablet-and-mobile-mode#269145 "-- url of the page with the problem -- : www.kamagraerektion.info/ -- HikaShop version -- : 3.0.1 -- Joomla version -- : 3.7 -- PHP version -- : 5.6.30 -- Browser(s) name and version -- : Firefox 51.0.1 Hello, On this moment the display in desktop and tablet (landscape mode) mode lets see 4 product at a row and in tablet and mobile mode the display lets see 1 product. I want it to be as follow. desktop mode (4 products) tablet landscape mode (4 products) tablet portrait mode (2 products) mobile portrait and landscape moede (1 product) How do i manage this.")* Oke Nicolas, I changed the code (in the listing_div file of the protostar template that is used). Now the code in that area of the file is: <div class="hkc-md-<?php echo (int)$span. ($span=![=3](/smile3.gif "=3") ? ' hkc-sm-6': ''); ?> hikashop_category hikashop_category_column_<?php echo $current_column; ?> hikashop_category_row_<?php echo $current_row.$class; ?>"> <div class="hikashop_container"> <div class="hikashop_subcontainer <?php echo $borderClass; ?>"> But nothing is changed, do i need more thing to do to to get it the way i want it? Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84OTAxMjEtcHJvZHVjdC1saXN0aW5nLWRpc3BsYXktZGlmZmVyZW50LWJldHdlZW4tZGVza3RvcC10YWJsZXQtYW5kLW1vYmlsZS1tb2RlP3RtcGw9bWFya2Rvd24=) 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: 26400 - Thank you received: 4080 - - [](http://obsi.dev) - 9 years 6 months ago [\#269176](#269176) by [Jerome](/forum/user/80-jerome "View Jerome's Profile") Replied by *[Jerome](/forum/user/80-jerome "View Jerome's Profile")* on topic *[Product listing display different between desktop, tablet and mobile mode](/forum/26-product-category-display/890121-product-listing-display-different-between-desktop-tablet-and-mobile-mode#269176 "-- url of the page with the problem -- : www.kamagraerektion.info/ -- HikaShop version -- : 3.0.1 -- Joomla version -- : 3.7 -- PHP version -- : 5.6.30 -- Browser(s) name and version -- : Firefox 51.0.1 Hello, On this moment the display in desktop and tablet (landscape mode) mode lets see 4 product at a row and in tablet and mobile mode the display lets see 1 product. I want it to be as follow. desktop mode (4 products) tablet landscape mode (4 products) tablet portrait mode (2 products) mobile portrait and landscape moede (1 product) How do i manage this.")* Hello, Can you see the new classnames in your product listing page ? Regarding the line you paste, I have the impression that you modified the "category" and not the "product". Regards, --- Jerome - Obsidev.com HikaMarket & HikaSerial developer / HikaShop core dev team. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84OTAxMjEtcHJvZHVjdC1saXN0aW5nLWRpc3BsYXktZGlmZmVyZW50LWJldHdlZW4tZGVza3RvcC10YWJsZXQtYW5kLW1vYmlsZS1tb2RlP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[fvdn](/forum/user/48779-fvdn "View fvdn's Profile")** - [![fvdn's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/48779-fvdn "View fvdn's Profile") Topic Author - [ Offline](/forum/user/48779-fvdn) Less More - Posts: 16 - Thank you received: 0 - - 9 years 6 months ago [\#269186](#269186) by [fvdn](/forum/user/48779-fvdn "View fvdn's Profile") Replied by *[fvdn](/forum/user/48779-fvdn "View fvdn's Profile")* on topic *[Product listing display different between desktop, tablet and mobile mode](/forum/26-product-category-display/890121-product-listing-display-different-between-desktop-tablet-and-mobile-mode#269186 "-- url of the page with the problem -- : www.kamagraerektion.info/ -- HikaShop version -- : 3.0.1 -- Joomla version -- : 3.7 -- PHP version -- : 5.6.30 -- Browser(s) name and version -- : Firefox 51.0.1 Hello, On this moment the display in desktop and tablet (landscape mode) mode lets see 4 product at a row and in tablet and mobile mode the display lets see 1 product. I want it to be as follow. desktop mode (4 products) tablet landscape mode (4 products) tablet portrait mode (2 products) mobile portrait and landscape moede (1 product) How do i manage this.")* Yes, you rigt, i put it into the catogory. i fix that and change the product. now it works fine. THX Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84OTAxMjEtcHJvZHVjdC1saXN0aW5nLWRpc3BsYXktZGlmZmVyZW50LWJldHdlZW4tZGVza3RvcC10YWJsZXQtYW5kLW1vYmlsZS1tb2RlP3RtcGw9bWFya2Rvd24=) 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.076 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org)