about style and Responsive layout of products

-- 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

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.

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

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 .

@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.