[Skip to main content](#vessel-content) # about style and Responsive layout of products ## - **[kennytest](/forum/user/35475-kennytest "View kennytest's Profile")** - [![kennytest's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/35475-kennytest "View kennytest's Profile") Topic Author - [ Offline](/forum/user/35475-kennytest) Less More - Posts: 2 - Thank you received: 0 - - 11 years 10 months ago [\#184046](#184046) by [kennytest](/forum/user/35475-kennytest "View kennytest's Profile") *[about style and Responsive layout of products](/forum/26-product-category-display/873785-about-style-and-responsive-layout-of-products#184046 "-- url of the page with the problem -- : pop.freesite.host/index.php/hikashop-men...ategory/13-men-shoes -- HikaShop version -- : 2.3.4 -- Joomla version -- : 3.3.6 HI! Frankly, my english is not good. First time trying HikaShop I use purity iii 1.1.1 Template，this is a t3 framework Template. http://purity_iii.demo.joomlart.com/ 1. i want to product and category display stlye like this website www.hktvmall.com/hktv/zh/main/search?q=%...Acategory%3ABodyCare how to do like this? my website :http://pop.freesite.host/index.php/hikashop-menu-for-categories-listing/category/13-men-shoes 2.Responsive layout is not a single product layout？？ demo.hikashop.com is a single product Responsive layout but my website Display three products? how to do like demo.hikashop.com")* was created by *[kennytest](/forum/user/35475-kennytest "View kennytest's Profile")* -- url of the page with the problem -- : [ pop.freesite.host/index.php/hikashop-men...ategory/13-men-shoes](http://pop.freesite.host/index.php/hikashop-menu-for-categories-listing/category/13-men-shoes) -- HikaShop version -- : 2.3.4 -- Joomla version -- : 3.3.6 HI! Frankly, my english is not good. First time trying HikaShop I use purity iii 1.1.1 Template，this is a t3 framework Template. http://purity_iii.demo.joomlart.com/ 1. i want to product and category display stlye like this website [ www.hktvmall.com/hktv/zh/main/search?q=%...Acategory%3ABodyCare](http://www.hktvmall.com/hktv/zh/main/search?q=%3Arelevance%3Astreet%3Amain%3Acategory%3ABodyCare) how to do like this? my website :http://pop.freesite.host/index.php/hikashop-menu-for-categories-listing/category/13-men-shoes 2.Responsive layout is not a single product layout？？ [ demo.hikashop.com](http://demo.hikashop.com) is a single product Responsive layout but my website Display three products? how to do like [ demo.hikashop.com](http://demo.hikashop.com) [ ![demo.jpg](/forum/attachment/21325) ](/forum/attachment/21325 "demo.jpg") [ ![555.jpg](/forum/attachment/21326) ](/forum/attachment/21326 "555.jpg") - [ ![demo.jpg](/forum/attachment/21325) ](/forum/attachment/21325 "demo.jpg") [ ](/forum/attachment/21325?download=1 "demo.jpg") - [ ![555.jpg](/forum/attachment/21326) ](/forum/attachment/21326 "555.jpg") [ ](/forum/attachment/21326?download=1 "555.jpg") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84NzM3ODUtYWJvdXQtc3R5bGUtYW5kLXJlc3BvbnNpdmUtbGF5b3V0LW9mLXByb2R1Y3RzP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[lousyfool](/forum/user/28604-lousyfool "View lousyfool's Profile")** - [![lousyfool's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar28604.jpg)](/forum/user/28604-lousyfool "View lousyfool's Profile") - [ Offline](/forum/user/28604-lousyfool) Less More - Posts: 2143 - Thank you received: 747 - - [](http://www.inphase.one) - 11 years 10 months ago [\#184062](#184062) by [lousyfool](/forum/user/28604-lousyfool "View lousyfool's Profile") Replied by *[lousyfool](/forum/user/28604-lousyfool "View lousyfool's Profile")* on topic *[about style and Responsive layout of products](/forum/26-product-category-display/873785-about-style-and-responsive-layout-of-products#184062 "-- url of the page with the problem -- : pop.freesite.host/index.php/hikashop-men...ategory/13-men-shoes -- HikaShop version -- : 2.3.4 -- Joomla version -- : 3.3.6 HI! Frankly, my english is not good. First time trying HikaShop I use purity iii 1.1.1 Template，this is a t3 framework Template. http://purity_iii.demo.joomlart.com/ 1. i want to product and category display stlye like this website www.hktvmall.com/hktv/zh/main/search?q=%...Acategory%3ABodyCare how to do like this? my website :http://pop.freesite.host/index.php/hikashop-menu-for-categories-listing/category/13-men-shoes 2.Responsive layout is not a single product layout？？ demo.hikashop.com is a single product Responsive layout but my website Display three products? how to do like demo.hikashop.com")* Hi, 1. What exactly do you mean by "style like this website" you are using as example? You have 3 columns as well. If you'd want to have other style elements identical, you can do so with CSS, or view customisation via menu -> Display -> Views. See more on this in the documentation: [ www.hikashop.com/support/support/documen...ize-the-display.html](http://www.hikashop.com/support/support/documentation/153-customize-the-display.html) 2. In the HikaShop backend, -> System -> Configuration -> Display tab -> General display options, you can set "Use bootstrap design" to "Yes", which would make the shop display responsive. That's true for Bootstrap 2.x.x, but might not work for you because T3 templates like the one you're using are typically Bootstrap 3, which uses different classes for "responsive". If you're lucky, your template has the Bootstrap 2 classes for responsiveness still on board. Otherwise, if you insist on using this template, you will need to either do a lot of view editions to add Bootstrap 3 classes to HikaShop, or wait until HikaShop is compatible with Bootstrap 3 (some day in the future), or have the shop not being responsive. --- Need help with customisations of layouts, style or other site development? [ PM me!](/component/uddeim/?task=new) (Don't forget to turn on [ "E-mail notification of new messages"](/component/uddeim/?task=settings)) The following user(s) said Thank You: [kennytest](/forum/user/35475-kennytest "View kennytest's Profile") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84NzM3ODUtYWJvdXQtc3R5bGUtYW5kLXJlc3BvbnNpdmUtbGF5b3V0LW9mLXByb2R1Y3RzP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[lionel75](/forum/user/11856-lionel75 "View lionel75's Profile")** - [![lionel75's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/11856-lionel75 "View lionel75's Profile") - [ Offline](/forum/user/11856-lionel75) Less More - Posts: 846 - Thank you received: 92 - - 11 years 10 months ago - 11 years 10 months ago [\#184063](#184063) by [lionel75](/forum/user/11856-lionel75 "View lionel75's Profile") Replied by *[lionel75](/forum/user/11856-lionel75 "View lionel75's Profile")* on topic *[about style and Responsive layout of products](/forum/26-product-category-display/873785-about-style-and-responsive-layout-of-products#184063 "-- url of the page with the problem -- : pop.freesite.host/index.php/hikashop-men...ategory/13-men-shoes -- HikaShop version -- : 2.3.4 -- Joomla version -- : 3.3.6 HI! Frankly, my english is not good. First time trying HikaShop I use purity iii 1.1.1 Template，this is a t3 framework Template. http://purity_iii.demo.joomlart.com/ 1. i want to product and category display stlye like this website www.hktvmall.com/hktv/zh/main/search?q=%...Acategory%3ABodyCare how to do like this? my website :http://pop.freesite.host/index.php/hikashop-menu-for-categories-listing/category/13-men-shoes 2.Responsive layout is not a single product layout？？ demo.hikashop.com is a single product Responsive layout but my website Display three products? how to do like demo.hikashop.com")* Hi Custom layout take knowledge even if you use Joomla framewor like T3 . I you want 3 items product per row , have a look at the site that show 3 items / row since they use 3 items and compare differences ( div wrapper , name of seelctor , Mediaquerie breakpoint value) . Custom css is really time consuming so best is 1- have local acces to server 2- understand really CSS properties values 3-master chrome "debug" (=spy/study css html ) . i do it in the past (search for my post ) where i give a lot of details to detect issues and resolve issues . Hire a css designer !!! regard's Last edit: 11 years 10 months ago by [lionel75](/forum/user/11856-lionel75 "View lionel75's Profile"). The following user(s) said Thank You: [kennytest](/forum/user/35475-kennytest "View kennytest's Profile") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84NzM3ODUtYWJvdXQtc3R5bGUtYW5kLXJlc3BvbnNpdmUtbGF5b3V0LW9mLXByb2R1Y3RzP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[kennytest](/forum/user/35475-kennytest "View kennytest's Profile")** - [![kennytest's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/35475-kennytest "View kennytest's Profile") Topic Author - [ Offline](/forum/user/35475-kennytest) Less More - Posts: 2 - Thank you received: 0 - - 11 years 10 months ago [\#184066](#184066) by [kennytest](/forum/user/35475-kennytest "View kennytest's Profile") Replied by *[kennytest](/forum/user/35475-kennytest "View kennytest's Profile")* on topic *[about style and Responsive layout of products](/forum/26-product-category-display/873785-about-style-and-responsive-layout-of-products#184066 "-- url of the page with the problem -- : pop.freesite.host/index.php/hikashop-men...ategory/13-men-shoes -- HikaShop version -- : 2.3.4 -- Joomla version -- : 3.3.6 HI! Frankly, my english is not good. First time trying HikaShop I use purity iii 1.1.1 Template，this is a t3 framework Template. http://purity_iii.demo.joomlart.com/ 1. i want to product and category display stlye like this website www.hktvmall.com/hktv/zh/main/search?q=%...Acategory%3ABodyCare how to do like this? my website :http://pop.freesite.host/index.php/hikashop-menu-for-categories-listing/category/13-men-shoes 2.Responsive layout is not a single product layout？？ demo.hikashop.com is a single product Responsive layout but my website Display three products? how to do like demo.hikashop.com")* 1. "style like this website" mean is i want my website to be this style. I've already seen the document. But I still don't know how to modify this. 2.You are right.T3 templates using Bootstrap 3 Purity III Template Responsive Layout in normal display on computer Desktop but Mobile Responsive Layout was bad It does not display a single commodity in Mobile Responsive Layout . Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84NzM3ODUtYWJvdXQtc3R5bGUtYW5kLXJlc3BvbnNpdmUtbGF5b3V0LW9mLXByb2R1Y3RzP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[lousyfool](/forum/user/28604-lousyfool "View lousyfool's Profile")** - [![lousyfool's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar28604.jpg)](/forum/user/28604-lousyfool "View lousyfool's Profile") - [ Offline](/forum/user/28604-lousyfool) Less More - Posts: 2143 - Thank you received: 747 - - [](http://www.inphase.one) - 11 years 10 months ago [\#184070](#184070) by [lousyfool](/forum/user/28604-lousyfool "View lousyfool's Profile") Replied by *[lousyfool](/forum/user/28604-lousyfool "View lousyfool's Profile")* on topic *[about style and Responsive layout of products](/forum/26-product-category-display/873785-about-style-and-responsive-layout-of-products#184070 "-- url of the page with the problem -- : pop.freesite.host/index.php/hikashop-men...ategory/13-men-shoes -- HikaShop version -- : 2.3.4 -- Joomla version -- : 3.3.6 HI! Frankly, my english is not good. First time trying HikaShop I use purity iii 1.1.1 Template，this is a t3 framework Template. http://purity_iii.demo.joomlart.com/ 1. i want to product and category display stlye like this website www.hktvmall.com/hktv/zh/main/search?q=%...Acategory%3ABodyCare how to do like this? my website :http://pop.freesite.host/index.php/hikashop-menu-for-categories-listing/category/13-men-shoes 2.Responsive layout is not a single product layout？？ demo.hikashop.com is a single product Responsive layout but my website Display three products? how to do like demo.hikashop.com")* @kennytest: 1. Well, web design is is an expertise like many others, taking some time and practice to learn. So, if you can't do it yourself, you may want to consider hiring a web frontend designer to do it for you. Here it's about features and functionality of the HikaShop extension, and even though one or the other help for specific element styling is provided, I understand it's beyond the scope to do entire pages or even sites, sorry. 2. Did you try setting Bootstrap to yes in HikaShop? If you did and it didn't work, I gave you some hints on what to do. If none of them are options for you, the best would be to consider switching to a similar Bootstrap 2.x template. After all, Joomla 3.x is set for Bootstrap 2.x only, and so is HikaShop. Means with a Bootstrap 3.x template you can likely run into issues, particularly with responsiveness, and that's true for quite many other extensions, too. Sorry again. --- Need help with customisations of layouts, style or other site development? [ PM me!](/component/uddeim/?task=new) (Don't forget to turn on [ "E-mail notification of new messages"](/component/uddeim/?task=settings)) Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84NzM3ODUtYWJvdXQtc3R5bGUtYW5kLXJlc3BvbnNpdmUtbGF5b3V0LW9mLXByb2R1Y3RzP3RtcGw9bWFya2Rvd24=) 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.237 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org) [](#top)