Manufacturers_All Listing Responsive
The following applies only if you operate a responsive template with @media css settings.
1) In \includes\modules\pages\manufacturers_all\header_php.php,
if ($manu_row==MANUFACTURERS_ALL_COLUMNS) {
$manu_content .= '<br class="clearBoth" />';
$manu_row=0;
}
was remmed as follows
// if ($manu_row==MANUFACTURERS_ALL_COLUMNS) {
// $manu_content .= '<br class="clearBoth" />';
// $manu_row=0;
// }
This disables the "Manufacturers Per Row" switch in Admin > Configuration > Manufacturers Listing > Manufacturers Per Row, whereby the listing layout is now controlled by css.
2) The following will set the number of manufacturers per row at either 3, 2 or 1, depending on the screen width of the device. The @media (max-width: values) given below may differ from your settings.
In stylesheet_manufacturers_all.css
change
#ManuWrapper {
float: left;
padding: 10px;
text-align: center;
font-size: 14px;
width: 125px;
}
to
#ManuWrapper { /* cf responsive stylesheet(s) */
float:left;
padding:10px 0px;
text-align: center;
font-size: 14px;
width:33%;
}
3) In your responsive stylesheet(s, you may have more than one)
after @media (max-width:480px) {and before its closing) }
add
#ManuWrapper {width:100%;} /* cf stylesheet_manufacturers_all.css */
after @media (max-width:775px) { (and before its closing) }
add
#ManuWrapper {width:50%;} /* cf stylesheet_manufacturers_all.css */
4. If your sideboxes are hidden or disabled at the smaller screen widths, you will have to find a way of enabling the link to the MANUFACTURERS_ALL page
Bookmarks