issue making site responsive

  • Posts: 410
  • Thank you received: 9
  • Hikaserial Subscription Hikashop Business
9 years 2 months ago #214925

-- HikaShop version -- : 2.5.x
-- Joomla version -- : 3.4.4
-- PHP version -- : 5.5.x
-- Error-message(debug-mod must be tuned on) -- : no error

Hello,

We are developing a site with a hikashop in it. On the site we have a category/product layout with 3 columns, when making the site responsive for mobile (phone/tablet etc.) we need to set it on the bootstrap, but then the normal site doesn't show the columns correctly anymore.
So how can we set it so that the shop goes on bootstrap only when people are looking at it via a mobile device.

Thanks

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

  • Posts: 13201
  • Thank you received: 2322
9 years 2 months ago #214928

Hi,

You potentially have an issue due to a css rule interacting with one of ours.
Did you look at the page with the console of your browser to see if there is not a width forced by you template or something like that ?

Enabling the bootstrap only when people are looking at the site via a mobile device will be a bit more difficult.

Last edit: 9 years 2 months ago by Mohamed Thelji.

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

  • Posts: 410
  • Thank you received: 9
  • Hikaserial Subscription Hikashop Business
9 years 2 months ago #215050

Hi,
if i understand correctly, with bootstrap on, a width in our template could cause the issue that our 3 column page is gone? in desktop version? On mobile with bootstrap the products are aligned neatly under each other.
I don not understand exactly what to look for in the css of my template? is it the width of the page?
Thanks

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

  • Posts: 410
  • Thank you received: 9
  • Hikaserial Subscription Hikashop Business
9 years 2 months ago #215064

we are developing on www.01.uw-hiow-concept.nl i have attached 2 images, one is without bootstrap and one with bootstrap on desktop.
When bootstrap state on Yes we get the 1 column.
What i discovered is, that when enabling bootstrap the columns are put in a <li> tag on desktop, that is i think why we get the 1 column.
how can we adjust this so it will for mobile dvices ok but for desktop devices it shouldn't

Tnanks.

Attachments:

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

  • Posts: 410
  • Thank you received: 9
  • Hikaserial Subscription Hikashop Business
9 years 2 months ago #215072

little update, the page is found on 01.uw-hiow-concept.nl/home/vaste-scootmobiel
that's the page with the issue..

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

  • Posts: 12953
  • Thank you received: 1778
9 years 2 months ago #215066

Hello,
In your case the best solution will just be to directly re-adapt the code of your CSS file : www.hikashop.com/support/documentation/1...ize-the-display.html

If you really can't do it, giving us more information about your issue and what you want through some screenshots for example will help us to understand and solve it.
Thanks.

Last edit: 9 years 2 months ago by Mohamed Thelji.

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

  • Posts: 410
  • Thank you received: 9
  • Hikaserial Subscription Hikashop Business
9 years 2 months ago #215201

Thanks for the help!
We found the way to make our artisteer template compatible with bootstrap, and the issue with the columns are gone.
It was a puzzle but thanks for the help and directions.
If u want to know how we did it, please reply an email, we will give the code.
Thanks

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

  • Posts: 7
  • Thank you received: 0
8 years 9 months ago #228397

Hello can you share the solution? I send you an e-mail, but no response :(

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

  • Posts: 410
  • Thank you received: 9
  • Hikaserial Subscription Hikashop Business
8 years 9 months ago #228411

we have never received an email from you. sorry, i will look into my files, to see for the exact thing we did.

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

  • Posts: 26158
  • Thank you received: 4028
  • MODERATOR
8 years 9 months ago #228413

Hi,

I'll let HIOW_HIKA reply on how he modified artisteer ; but I can tell that HikaShop 3 will include a responsive grid layout.
So the next HikaShop (major release) will be able to "be responsive" even if the template is not.

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: 7
  • Thank you received: 0
8 years 9 months ago #229703

Is there a release date?

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

  • Posts: 26158
  • Thank you received: 4028
  • MODERATOR
8 years 9 months ago #229706

There is no release date.


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: 410
  • Thank you received: 9
  • Hikaserial Subscription Hikashop Business
8 years 9 months ago #229778

@GJBruins i have sent you a private message with the sollution we made.

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

  • Posts: 80
  • Thank you received: 8
8 years 8 months ago #232831

I have the same issue with an artisteer template where the items show in one column when I select bootstrap. Would you please be so kind to send me the solution for this issue.

I found an solution in the artisteer forum. www.artisteer.com/?post_id=243550&p=forum_post
It looks like this works for me. Is this a proper solution?

Last edit: 8 years 8 months ago by bp54. Reason: found kind of a solution

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

  • Posts: 410
  • Thank you received: 9
  • Hikaserial Subscription Hikashop Business
8 years 8 months ago #232873

Yes it is, we have done that and also configured the site with the joomla responsivizer plugin.

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

  • Posts: 82867
  • Thank you received: 13373
  • MODERATOR
8 years 8 months ago #232858

Hi,

Yes, if it works with your template, it's a great solution.

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

Time to create page: 0.127 seconds
Powered by Kunena Forum