Hi Daniel,
so einfach mit mal "einstellen" wird das nichts. Ein bischen aufwändiger wirds schon.
Das ganze ist für das Standardtemplate tpl_modified. Angezeigt werden 5 Herstellerbilder nebeneinander ... und auch nur die wo ein Herstellerbild vorhanden ist.
Die Anzahl kann über das Javascript konfiguriert werden und das Aussehen über die CSS.
Als erstes die beiden Datein in der Anlage hochladen.
box_manufacturers_carousel.html -> templates/tpl_modified/boxes/
manufacturers_carousel.php -> templates/source/boxes/
Jetzt müssen noch ein paar Dateien editiert werden:
templates/tpl_modified/source/boxex.phpsuche:
// -----------------------------------------------------------------------------------------
// always visible
// -----------------------------------------------------------------------------------------
darüber einfügen:
// -----------------------------------------------------------------------------------------// Nur Startseite// ----------------------------------------------------------------------------------------- if(strpos($PHP_SELF, 'index')!==false && !isset($_GET['cPath']) && !isset($_GET['manufacturers_id'])){ require_once(DIR_FS_BOXES
. 'manufacturers_carousel.php'); } templates/tpl_modified/javascript/general_bottom.js.phpsuche:
$('.bxcarousel_slider').bxSlider({
adaptiveHeight: false,
mode: 'fade',
auto: true,
speed: 2000,
pause: 6000
});
darunter einfügen:
$('.bxcarousel_manufacturers').bxSlider({
minSlides: 2,
maxSlides: 5,
pager: true,
slideWidth: 134,
slideMargin: 15
});
templates/tpl_modified/stylesheet.cssganz ans Ende einfügen:
/* START carousel manufacturer box */
.manufacturers_carousel {
padding: 20px 0 10px 0;
}
ul.bxcarousel_manufacturers li {
float:left;
width:134px;
background:#fff;
display:block;
overflow:hidden;
}
ul.bxcarousel_manufacturers li .mc_box {
padding: 15px 5px 5px 5px;
}
ul.bxcarousel_manufacturers li .mc_box .mc_image {
position:relative;
display:block;
height:113px;
overflow:hidden;
}
ul.bxcarousel_manufacturers li .mc_box .mc_image img {
position: absolute;
right: 0;
top: 0;
bottom: 0;
left: 0;
display: block;
margin: auto;
max-height: 110px;
}
ul.bxcarousel_manufacturers li .mc_box a {
color:#333;
}
ul.bxcarousel_manufacturers li .mc_box a:hover {
text-decoration:none;
color:#776cab;
}
.manufacturers_carousel .bx-wrapper .bx-pager,
.manufacturers_carousel .bx-wrapper .bx-controls-auto {
bottom: -22px;
}
/* END carousel manufacturer box */
templates/tpl_modified/index.htmlsuche:
{if isset($BANNER)}<div
class="content_banner cf">{$BANNER}</div
>{/if} {if isset($main_content)}{$main_content}{/if} danach einfügen:
{if isset($box_MANUFACTURERS_CAROUSEL)}{$box_MANUFACTURERS_CAROUSEL}{/if} Das sollte es gewesen sein. Ggf. noch den Templatecache leeren.
Markus
P.S. Wer zuviele Hersteller hat kann natürlich auch noch die SQL dahingehend optimieren ein LIMIT zu setzen und damit die dann immer "durchgemischt" werden noch ein order by RAND() einfügen.
P.P.S: Paket nochmal aktualisiert .. es war noch ein Fehler in der php-Datei
[
EDIT Tomcraft 07.10.2016: Anleitung in
Beitrag 1 verlinkt.]