Can anyone help me configure the hikashop for mobi

  • Posts: 128
  • Thank you received: 0
11 years 1 month ago #166311

-- HikaShop version -- : 2.3.2
-- Joomla version -- : 3.3.3

Please, I need help!
How do I display the products in mobiles?
I set to display in 3 columns in div format.
But when I access the website on the product page, the products are one on top of another.

Can anyone help me configure the hikashop for mobile?


studiocenter.com.py/novo/

Attachments:

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

  • Posts: 84300
  • Thank you received: 13697
  • MODERATOR
11 years 1 month ago #166341

Hi,

Please turn on the "use bootstrap design" option of the HikaShop configuration and try again.

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

  • Posts: 128
  • Thank you received: 0
11 years 1 month ago #166374

Please be more specific!
How do I get this opição in the configuration?

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

  • Posts: 26274
  • Thank you received: 4045
  • MODERATOR
11 years 1 month ago #166375

Hi,

HikaShop > system > configuration

www.hikashop.com/support/support/documen...hikashop-config.html
Display / General display options / Use bootstrap design.

Use bootstrap design: That option is turned off by default. When turn on, the views of HikaShop on the frontend will be responsive and use the bootstrap library for their styling. It requires that your Joomla template supports bootstrap. On Joomla 3.0, most templates should. However, if you have display issues on your frontend (like for example the number of columns of your listings which is always 1 no matter what you enter in the "number of columns" option of your menus/modules), it means that your template does not support bootstrap and that you should turn off that option. In such cases, you can potentially install a bootstrap compatibility joomla plugin in order to add the boostrap support on your frontend. Finally, note that some templates might only partially support bootstrap (only the CSS and not the JS, or only some pieces of the CSS) like we found out with at least some YooTheme templates. In that case, we would recommend to contact your template provider for help so that you get all the pieces of bootstrap in it if you want to have a responsive display for HikaShop interfaces.


So, tab "display" and then section "General display options".

If you're looking at an option in the configuration, the best is to read the documentation where you have all details and all available options.

Regards,


Jerome - Obsidev.com
HikaMarket & HikaSerial developer / HikaShop core dev team.

Also helping the HikaShop support team when having some time or couldn't sleep.
By the way, do not send me private message, use the "contact us" form instead.

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

  • Posts: 846
  • Thank you received: 92
11 years 1 month ago #166384

for joomla 2.x
components(menu)-> hikashop (menu)->configuration (menu) ->Display ( tab) -> general display options ( form) -> use bootstrap design(label) -> checkbox yes no ( to set to yes )


instead to be align horizontal the item should be align vertical
see capture screen
regard's

Attachments:
Last edit: 11 years 1 month ago by lionel75.

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

  • Posts: 128
  • Thank you received: 0
11 years 1 month ago #166388

I used the "Use bootstrap design" option.
But the site is still showing the products one on top of another!
Reminder: my website uses css3 to be responsive.
Can you help me solve this problem?

Attachments:
Last edit: 11 years 1 month ago by sergiobertini.

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

  • Posts: 26274
  • Thank you received: 4045
  • MODERATOR
11 years 1 month ago #166393

Hi,

Use bootstrap design: That option is turned off by default. When turn on, the views of HikaShop on the frontend will be responsive and use the bootstrap library for their styling. It requires that your Joomla template supports bootstrap


Regards,


Jerome - Obsidev.com
HikaMarket & HikaSerial developer / HikaShop core dev team.

Also helping the HikaShop support team when having some time or couldn't sleep.
By the way, do not send me private message, use the "contact us" form instead.

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

  • Posts: 128
  • Thank you received: 0
11 years 1 month ago #166411

I've done this but does not work!
My template uses CSS3 for responsive websites.
Is there anything else I can do?

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

  • Posts: 84300
  • Thank you received: 13697
  • MODERATOR
11 years 1 month ago #166415

As far as I can see on your website, your template only include some pieces of the CSS of bootstrap, not all of it. It's an issue similar to this one:
www.yootheme.com/support/question/42516
And HikaShop rely on the responsive CSS of bootstrap for the products listing responsiveness. That's why it doesn't work even though you activated it.
The best would be to contact your template provide for precise help on what to do.
As an easy solution, you can add such CSS in your template CSS:
@media only screen and (max-height: 600px) {
.row-fluid .span4{
width : 100% !important;
}
}

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

  • Posts: 128
  • Thank you received: 0
11 years 1 month ago #166482

I solved!
Tank's for attention!

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

Time to create page: 0.080 seconds
Powered by Kunena Forum