Category and product column problem

mpourkos
Topic Author
Offline

13 years 1 month ago #120358 by mpourkos

Category and product column problem was created by mpourkos

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

nicolas
Away

13 years 1 month ago #120367 by nicolas

Replied by nicolas on topic Category and product column problem

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.

mpourkos
Topic Author
Offline

13 years 1 month ago #120667 by mpourkos

Replied by mpourkos on topic Category and product column problem

Thanks! That was the problem!

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

DeeEmm
Offline

13 years 3 weeks ago #123076 by DeeEmm

Replied by DeeEmm on topic Category and product column problem

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.

Code:

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

phil2010
Offline

11 years 5 months ago #198220 by phil2010

Replied by phil2010 on topic Category and product column problem

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.

nicolas
Away

11 years 5 months ago #198234 by nicolas

Replied by nicolas on topic Category and product column problem

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