Marken Slider ins Mobile Template

Deutsches Forum
1

Hallo,

gibt es eine Möglichkeit den Markenslider aus dem Azure Template ähnlich im Mobile Template anzuzeigen.

Ich habe den Schnipsel

 [{include file="widget/manufacturersslider.tpl" }]

aus der start.tpl Datei vom Azure Desktop in die start.tpl vom Mobile Template. Leider funktioniert das nicht.

Würde mich sehr über die Lösung freuen, es ist noch das einzige i-Tüpfelchen, welches zu meinem Shop fehlt.

Grüße, kiwi

2

einfach so copy-paste geht nicht, müsste man quasi von 0 programmieren.
Im aktuellen mobile theme ist Bootstrap Framework drin, vielleicht könnte man damit arbeiten.

4

Ich bin mir nicht sicher, ob es hilft, aber ich habe in einem Shop den owlSlider als Markenslider eingebaut. Da gibt es die Möglichkeit, eine unterschiedliche Anzahl an Bildern pro Breakpoint auszugeben.

5

Ich bin gerade dabei den OWL-Slider ins Mobile tpl ein zu binden. Kannst du mir weiterhelfen?

Ich muss das Javascript in den Head Bereich bekommen. In welcher Datei hast du diese Code Schnipsel eingefügt:

<link href=“…/owl-carousel/owl.carousel.css” rel=“stylesheet”
<link href=“…/owl-carousel/owl.theme.css” rel=“stylesheet”

Grüße,

6

Hi kiwi,
ich habe das in der manufacturer.tpl , nach dem capture eingebaut.


[{*if $slideCount > 6 *}]
    [{oxscript include="js/libs/owl.carousel.min.js"}]
    [{oxscript add="$(document).ready(function() { var owl = $('#owl-slider');  owl.owlCarousel({itemsCustom : [
        [0, 2],
        [450, 2],
        [600, 3],
        [700, 4],
        [1000, 6]
      ]  });
      $('.nextItem').click(function(){    owl.trigger('owl.next'); })
  $('.prevItem').click(function(){
    owl.trigger('owl.prev');
  })});"}]

Beste Grüße