change column number of category

mohammad2232
Topic Author
Offline

10 years 3 months ago #244956 by mohammad2232

change column number of category was created by mohammad2232

-- HikaShop version -- : 2.6.3
-- Joomla version -- : 3.5.1

hello
how can i change column number of category in mobile view?
in normal view i set for 3 column but in mobile should show 1 only !
thanks

Please Log in or Create an account to join the conversation.

nicolas
Away

10 years 3 months ago #244959 by nicolas

Replied by nicolas on topic change column number of category

Hi,

That's automatic if you have the "use boostrap design" setting of the HikaShop configuration turned on and that your template is compatible with bootstrap 2:
www.inmotionhosting.com/support/edu/joom...mplate/add-bootstrap

The following user(s) said Thank You: mohammad2232, aanconetani@libero.it

Please Log in or Create an account to join the conversation.

aanconetani@libero.it
Offline

3 years 10 months ago #347486 by aanconetani@libero.it

Replied by aanconetani@libero.it on topic change column number of category

-- HikaShop version -- : 4.7.0
-- Joomla version -- : 4.2.2 Stable
--Template -- : Yootheme PRO

Hi, I have the same problem, but only with the module. The mencategory listing changes the number of columns based on the device. but the form to show categories on desktop shows me 6 columns, on mobile only one.
The site is offline, but if you want, I can publish it to better understand the problem.
in the attachment my bootstrap setting
Can you help me please?

Please Log in or Create an account to join the conversation.

nicolas
Away

3 years 10 months ago #347494 by nicolas

Replied by nicolas on topic change column number of category

Hi,

Note that HikaShop doesn't rely on bootstrap anymore for the responsive layout (this thread is 6 years old).
But it's true that it changes automatically to 1 column on mobile devices to allow for better display.
If that's not what you want it can surely be tweaked with a bit CSS code. But what do you want ? Keeping 6 columns on mobile devices will just looks like crap. 2 columns ? 3 Columns ?
Could you provide the URL of the page so that we could check the CSS to be able to tell you what to do precisely ?

The following user(s) said Thank You: aanconetani@libero.it

Please Log in or Create an account to join the conversation.

aanconetani@libero.it
Offline

3 years 10 months ago #347500 by aanconetani@libero.it

Replied by aanconetani@libero.it on topic change column number of category

Hi, this is the link: www.classicbikesregis.it/
I would like the HIKA SHOP module with the title "Shop categories" on mobile and tablet to be in 2 columns, while on desktops to 6 columns (as it is now)
A thousand thanks

Please Log in or Create an account to join the conversation.

nicolas
Away

3 years 10 months ago #347501 by nicolas

Replied by nicolas on topic change column number of category

Hi,

Then add such CSS code and it should do it:

Code:

.hkc-xs-12, .hkc-xs-11, .hkc-xs-10, .hkc-xs-9, .hkc-xs-8, .hkc-xs-7, .hkc-xs-6, .hkc-xs-5, .hkc-xs-4, .hkc-xs-3, .hkc-xs-2, .hkc-xs-1,
.hkc-sm-12, .hkc-sm-11, .hkc-sm-10, .hkc-sm-9, .hkc-sm-8, .hkc-sm-7, .hkc-sm-6, .hkc-sm-5, .hkc-sm-4, .hkc-sm-3, .hkc-sm-2, .hkc-sm-1,
.hkc-md-12, .hkc-md-11, .hkc-md-10, .hkc-md-9, .hkc-md-8, .hkc-md-7, .hkc-md-6, .hkc-md-5, .hkc-md-4, .hkc-md-3, .hkc-md-2, .hkc-md-1,
.hkc-lg-12, .hkc-lg-11, .hkc-lg-10, .hkc-lg-9, .hkc-lg-8, .hkc-lg-7, .hkc-lg-6, .hkc-lg-5, .hkc-lg-4, .hkc-lg-3, .hkc-lg-2, .hkc-lg-1,
.hkc-xl-12, .hkc-xl-11, .hkc-xl-10, .hkc-xl-9, .hkc-xl-8, .hkc-xl-7, .hkc-xl-6, .hkc-xl-5, .hkc-xl-4, .hkc-xl-3, .hkc-xl-2, .hkc-xl-1{
	width: 50%;
}

in the "style for frontend" setting:
www.hikashop.com/support/documentation/1...ize-the-display.html

The following user(s) said Thank You: aanconetani@libero.it

Please Log in or Create an account to join the conversation.

aanconetani@libero.it
Offline

3 years 10 months ago - 3 years 10 months ago #347516 by aanconetani@libero.it

Replied by aanconetani@libero.it on topic change column number of category

sorry, but now in desktop too i see 2 column!!!

Last edit: 3 years 10 months ago by aanconetani@libero.it.

Please Log in or Create an account to join the conversation.

aanconetani@libero.it
Offline

3 years 10 months ago #347517 by aanconetani@libero.it

Replied by aanconetani@libero.it on topic change column number of category

please check at www.classicbikesregis.it/
Thanks!!

Please Log in or Create an account to join the conversation.

nicolas
Away

3 years 10 months ago #347518 by nicolas

Replied by nicolas on topic change column number of category

Hi,

My bad. I forgot a piece.
It should be:

Code:

@media (max-width: 992px) {
.hkc-xs-12, .hkc-xs-11, .hkc-xs-10, .hkc-xs-9, .hkc-xs-8, .hkc-xs-7, .hkc-xs-6, .hkc-xs-5, .hkc-xs-4, .hkc-xs-3, .hkc-xs-2, .hkc-xs-1,
.hkc-sm-12, .hkc-sm-11, .hkc-sm-10, .hkc-sm-9, .hkc-sm-8, .hkc-sm-7, .hkc-sm-6, .hkc-sm-5, .hkc-sm-4, .hkc-sm-3, .hkc-sm-2, .hkc-sm-1,
.hkc-md-12, .hkc-md-11, .hkc-md-10, .hkc-md-9, .hkc-md-8, .hkc-md-7, .hkc-md-6, .hkc-md-5, .hkc-md-4, .hkc-md-3, .hkc-md-2, .hkc-md-1,
.hkc-lg-12, .hkc-lg-11, .hkc-lg-10, .hkc-lg-9, .hkc-lg-8, .hkc-lg-7, .hkc-lg-6, .hkc-lg-5, .hkc-lg-4, .hkc-lg-3, .hkc-lg-2, .hkc-lg-1,
.hkc-xl-12, .hkc-xl-11, .hkc-xl-10, .hkc-xl-9, .hkc-xl-8, .hkc-xl-7, .hkc-xl-6, .hkc-xl-5, .hkc-xl-4, .hkc-xl-3, .hkc-xl-2, .hkc-xl-1{
	width: 50%;
}
}

so that it doesn't change anything on desktops.

Please Log in or Create an account to join the conversation.

aanconetani@libero.it
Offline

3 years 10 months ago #347567 by aanconetani@libero.it

Replied by aanconetani@libero.it on topic change column number of category

Thank you! now it's perfect!

Please Log in or Create an account to join the conversation.

aanconetani@libero.it
Offline

3 years 9 months ago #348651 by aanconetani@libero.it

Replied by aanconetani@libero.it on topic change column number of category

Hi, I reopen this post because the number of columns is now correct as requested, but when I go to checkout, both on Yootheme pro template and on Cassiopea I find the page in two columns. this makes it impossible to fill in the fields!
can you help me to solve?
I attach two screenshots
Thank you

Please Log in or Create an account to join the conversation.

Philip
Offline

3 years 9 months ago - 3 years 9 months ago #348664 by Philip

Replied by Philip on topic change column number of category

Hello,

We will help you to have a specific css for just this specific case, use this command :

Code:

.hikashop_checkout_login .hkc-lg-4,
.hikashop_checkout_login .hkc-lg-8 {
    width: 100%;
}

And you will be able to repeat this operation, but you have just to change the good context container class, here it's "hikashop_checkout_login".
Hope this will help you to adjust this.

Regards

Last edit: 3 years 9 months ago by Philip.

Please Log in or Create an account to join the conversation.

aanconetani@libero.it
Offline

3 years 9 months ago #348686 by aanconetani@libero.it

Replied by aanconetani@libero.it on topic change column number of category

Hi, I don't know if it depends on Hika or the template in use, but for a more pleasant customer experience, it would be better to have the label text above the boxes to fill in, so they are very narrow, what do you think?!
A thousand thanks
Alessandro

Please Log in or Create an account to join the conversation.

Philip
Offline

3 years 9 months ago - 3 years 9 months ago #348691 by Philip

Replied by Philip on topic change column number of category

Hello,

This command will do the trick :

Code:

div#hikashop_checkout_registration .hkc-sm-4,
div#hikashop_checkout_registration .hkc-sm-8 {
    width: 100%;
}

Regards

Last edit: 3 years 9 months ago by Philip.

The following user(s) said Thank You: aanconetani@libero.it

Please Log in or Create an account to join the conversation.

Time to create page: 0.527 seconds