Category and product column problem

  • Posts: 22
  • Thank you received: 0
11 years 8 months ago #120358

-- url of the page with the problem -- : merlinsmagicworld.com/
-- HikaShop version -- : 2.2.0
-- Joomla version -- : 2.5.14
-- PHP version -- : 5.3.27

although i set category and product columns at "3" i see only 1 column. i ve read some other posts but couldn't figure out what to do. Could you plz help?
The site is offline. Test user :
username : test
pass : test

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

  • Posts: 83732
  • Thank you received: 13547
  • MODERATOR
11 years 8 months ago #120367

Your template doesn't support bootstrap. You need to turn off the option "use bootstrap design" of the configuration and it will work fine.

The following user(s) said Thank You: mpourkos

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

  • Posts: 22
  • Thank you received: 0
11 years 8 months ago #120667

Thanks! That was the problem!

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

  • Posts: 114
  • Thank you received: 14
11 years 7 months ago #123076

If you want to keep the responsive layout so that your site displays properly on mobile devices, but your template doesn't use bootstrap you can also simply include the relevant css to render the layout correctly.

.row-fluid {
  width: 100%;
  *zoom: 1;
}

.row-fluid:before,
.row-fluid:after {
  display: table;
  line-height: 0;
  content: "";
}

.row-fluid:after {
  clear: both;
}

.row-fluid [class*="span"] {
  display: block;
  float: left;
  width: 100%;
  min-height: 30px;
  margin-left: 2.127659574468085%;
  *margin-left: 2.074468085106383%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.row-fluid [class*="span"]:first-child {
  margin-left: 0;
}

.row-fluid .controls-row [class*="span"] + [class*="span"] {
  margin-left: 2.127659574468085%;
}


.row-fluid .span12 {
  width: 100%;
  *width: 99.94680851063829%;
}

.row-fluid .span11 {
  width: 91.48936170212765%;
  *width: 91.43617021276594%;
}

.row-fluid .span10 {
  width: 82.97872340425532%;
  *width: 82.92553191489361%;
}

.row-fluid .span9 {
  width: 74.46808510638297%;
  *width: 74.41489361702126%;
}

.row-fluid .span8 {
  width: 65.95744680851064%;
  *width: 65.90425531914893%;
}

.row-fluid .span7 {
  width: 57.44680851063829%;
  *width: 57.39361702127659%;
}

.row-fluid .span6 {
  width: 48.93617021276595%;
  *width: 48.88297872340425%;
}

.row-fluid .span5 {
  width: 40.42553191489362%;
  *width: 40.37234042553192%;
}

.row-fluid .span4 {
  width: 31.914893617021278%;
  *width: 31.861702127659576%;
}

.row-fluid .span3 {
  width: 23.404255319148934%;
  *width: 23.351063829787233%;
}

.row-fluid .span2 {
  width: 14.893617021276595%;
  *width: 14.840425531914894%;
}

.row-fluid .span1 {
  width: 6.382978723404255%;
  *width: 6.329787234042553%;
}

deeemm.com
The following user(s) said Thank You: Mohamed Thelji

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

  • Posts: 59
  • Thank you received: 0
10 years 3 weeks ago #198220

Thanks for the very helpful css code that solves the one colum issue when using a dynamic layout on a bootstap template that might not have the relevent css for this layou.

Iused it by embeding within the desktop @media query

/* Large desktop */
@media (min-width: 1200px) {}

That way my tablet and mobile layout works in one colum,

To hikashop.... turning off bootstap so the shop only displays properly on desktop seem to be a bit of a cpoe out to a modern audience that is working with a dynmamic design. You might consider intergrating DeeEmm css into further responce in the future... just a thought :)

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

  • Posts: 83732
  • Thank you received: 13547
  • MODERATOR
10 years 3 weeks ago #198234

Hi,

The CSS from DeeEmm is actually the CSS from bootstrap for responsive support.
Our plans are to actually support responsive display without bootstrap in the future. So something like that but different.

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

Time to create page: 0.091 seconds
Powered by Kunena Forum