fluid

  • Posts: 114
  • Thank you received: 0
11 years 8 months ago #93146

when i use a fluid template the resises to suit whatever screen size is being used by customer and hikashop i notice that the images bunch up when the screen is very narrow. Since there are so many sizes of screens that potentially may see the site the chances are high that somebody will view it when the images are bunched up. is there a way to avoid this?

i hope this made sense to someone!
thanks

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

  • Posts: 13201
  • Thank you received: 2322
11 years 8 months ago #93215

Hi,

The css properties for the fluid templates are in the "frontend css file" in Configuration > Display > CSS.
You can change the properties starting with "@media"

And edit the views to change the display to what you need.

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

  • Posts: 12953
  • Thank you received: 1778
11 years 8 months ago #93228

Hi,

I didn't really understood your problem, can you please:
- Show me some screenshots of the problem that you are having ?
- Give me a link to your website ?

Thank you.

Last edit: 11 years 8 months ago by Mohamed Thelji.

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

  • Posts: 114
  • Thank you received: 0
11 years 8 months ago #93250

thanks guys ...


the site is offline but i am happy to pm if somebody wants to see the problem?

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

  • Posts: 12953
  • Thank you received: 1778
11 years 8 months ago #93259

You can send it to me if you want :).

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

  • Posts: 13201
  • Thank you received: 2322
11 years 8 months ago #93293

Have you enabled the option "Use bootstrap design" in HikaShop > Coniguration > Display > "General display options"

The following user(s) said Thank You: daveburman54

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

  • Posts: 114
  • Thank you received: 0
11 years 8 months ago #93421

i just did that and now the products are displaying above each other rather than as they are set in the menu option to be in 4 columns. is that normal?

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

  • Posts: 82795
  • Thank you received: 13356
  • MODERATOR
11 years 8 months ago #93615

I checked your website and I can see that your template doesn't use bootstrap system for responsiveness.
The responsive system in HikaShop to switch automatically between 4 and 1 column based on the size of the screen is only compatible with bootstrap system since that's the default system on Joomla 3.0 and that everyone, extension and template developers, are encouraged to use it.
Since your template doesn't support that, you should keep that option turned off.

As Xavier said in his first message, it would require custom CSS to change manually the width of the elements based on the size of the screen.
For example, you could use something like that:
@media only screen and (max-width: 800px) {
.hikashop_product{
width : 100% !important;
}
}

and all the screens below a width of 800px would get the product listings on one column instead of 4.

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

  • Posts: 114
  • Thank you received: 0
11 years 8 months ago #93653

great suggestions. I dont like the look of my site so will try another template....

my host does not support the latest php to run joomla so i can use 3....
there is a more modern template i could use from rocketheme that has a liquid/fluid layout but on jooml 2.5.9. do you think that might work? I will try tomorow and see how it goes.

thanks to both of you for your great support.

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

  • Posts: 82795
  • Thank you received: 13356
  • MODERATOR
11 years 8 months ago #93691

It will be the same unless it uses bootstrap I guess.

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

  • Posts: 114
  • Thank you received: 0
11 years 8 months ago #93693

hi.. i just read the new template (rt_leviathan)is based on the twitter bootstrap so i guess that will be ok.... will have to see!
if not then i will do as you suggested in previous email
thanks again

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

  • Posts: 114
  • Thank you received: 0
11 years 8 months ago #93698

it works like a charms now. Rocketheme template + Hikashop = nice fluid site!
thanks to both of you again

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

Time to create page: 0.098 seconds
Powered by Kunena Forum