change column number of category

  • Posts: 9
  • Thank you received: 0
8 years 4 months ago #244956

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

  • Posts: 82867
  • Thank you received: 13374
  • MODERATOR
8 years 4 months ago #244959

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.

  • Posts: 34
  • Thank you received: 2
1 year 11 months ago #347486

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

Attachments:

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

  • Posts: 82867
  • Thank you received: 13374
  • MODERATOR
1 year 11 months ago #347494

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.

  • Posts: 34
  • Thank you received: 2
1 year 11 months ago #347500

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.

  • Posts: 82867
  • Thank you received: 13374
  • MODERATOR
1 year 11 months ago #347501

Hi,

Then add such CSS code and it should do it:

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

  • Posts: 34
  • Thank you received: 2
1 year 11 months ago #347516

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

Attachments:
Last edit: 1 year 11 months ago by aanconetani@libero.it.

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

  • Posts: 34
  • Thank you received: 2
1 year 11 months ago #347517

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

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

  • Posts: 82867
  • Thank you received: 13374
  • MODERATOR
1 year 11 months ago #347518

Hi,

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

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

  • Posts: 34
  • Thank you received: 2
1 year 11 months ago #347567

Thank you! now it's perfect!

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

  • Posts: 34
  • Thank you received: 2
1 year 10 months ago #348651

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

Attachments:

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

  • Posts: 4747
  • Thank you received: 644
  • MODERATOR
1 year 10 months ago #348664

Hello,

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

.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: 1 year 10 months ago by Philip.

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

  • Posts: 34
  • Thank you received: 2
1 year 10 months ago #348686

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

Attachments:

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

  • Posts: 4747
  • Thank you received: 644
  • MODERATOR
1 year 10 months ago #348691

Hello,

This command will do the trick :

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

Regards

Last edit: 1 year 10 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.060 seconds
Powered by Kunena Forum