WBCE CMS Forum

jonny

Mitglied

Slider mit Text

Hey Leute

Ich wollte gerne den Text Sonnenstoren     Rollladen     Lamellen     Insektenschutz     Sonnenschirm     Fensterläden     Sichtschutz als Text einbauen der sich wie ein Ticker in der oberen hälfte bewegt von Rechts nach Links.

Dazu habe ich versucht http://aamirafridi.com/jquery/jquery-marquee-plugin einzubauen mit dem Abschnitt wo Duplicated steht

Bei mir erscheint aber leider nur eine Graue Box mit dem Text fixiert drinn ohne bewegung.

Wo müsste ich das JS platzieren das dies funktioniert?

---

Wer noch etwas Dummheit will soll sich hinten anstellen..

florian

Administrator

Re: Slider mit Text

Da scheint
<script>
$('.marquee').marquee();
</script>
zu fehlen, damit die Laufschrift läuft... aber ganz ehrlich? Ich würde es bleiben lassen, Laufschrift auf allen Seiten ist erstens extrem nervig und zweitens sowas von 1998...

jonny

Mitglied

Re: Slider mit Text

Ich weiss schon, selbst wäre mir dies auchnie in den Sinn gekommen.. Der Kunde hat mich dann darauf angesrpchen ob man es einbauen kann..

Wie rede ich das jemandem aus?

---

Wer noch etwas Dummheit will soll sich hinten anstellen..

florian

Administrator

Re: Slider mit Text

Mit einer schicken, zeitgemäßen Alternative, sprich einem Slider, der dann jeweils ein supertolles Produktfoto, die Bezeichnung, evtl. einen kurzen Link und einen Text zur jeweiligen Produktkategorie enthält.

jonny

Mitglied

Re: Slider mit Text

Tolle idee eigentlich  hast du mir da n Anhaltspunkt "snippet" das ich mal einbauen kann um das dem Kunden Zu präsentieren?

---

Wer noch etwas Dummheit will soll sich hinten anstellen..

florian

Administrator

Re: Slider mit Text

Leg einen Itemz-Abschnitt im Block Headerbilder an und schau Dir mal die Itemz-Presets nivolslider oder vegas-slider an.
Beim vegas-slider bei den Layouteinstellungen für die Kopfzeile das Padding auf 10% verringern.
Der Owl-Slider funktioniert leider nicht.

jonny

Mitglied

Re: Slider mit Text

Habt ihr es so eingesetzt bei der WBCE Website?

---

Wer noch etwas Dummheit will soll sich hinten anstellen..

florian

Administrator

Re: Slider mit Text

wbce.org baut auf dem Responsee-Framework auf, da ist eine ältere (funktionierende) Version des Owl-Sliders drin. Die Texte auf den Bildern sind direkt in den Grafken (https://wbce.org/media/itemz/land.jpg).

Um das auf Seiten, die das Template Lesefaken oder Abwandlungen davon anzuwenden vorgehen wie folgt:
1) hier angehängte Zipdatei runterladen und entpacken (das ist kein Modulinstaller)
2) Verzeichnis owl-carousel incl. Inhalte nach /modules/itemz/helpers kopieren
3) Im Itemz-Abschnitt folgende Einstellungen vornehmen:

Kopfzeile:

<div id="carousel">
            <div id="owl-top" class="owl-carousel owl-theme" >

Fußzeile:

    </div>
</div>

 <link rel="stylesheet" href="[ITEMZ_MOD_DIR]helpers/owl-carousel/owl.carousel.css">
 <link rel="stylesheet" href="[ITEMZ_MOD_DIR]helpers/owl-carousel/owl.theme.css">
 <script type="text/javascript" src="[ITEMZ_MOD_DIR]helpers/owl-carousel/owl.carousel.js"></script>
<script type="text/javascript">
         jQuery(document).ready(function($) {	  
           $("#owl-top").owlCarousel({		
           	navigation : false,
           	slideSpeed : 300,
           	paginationSpeed : 400,
           	autoPlay : true,
           	singleItem:true
           });
});
</script>

Kopfzeile Gruppe: leer

Item:

<div class="item">
<a title="[NAME]" href="[SHORT1]">{PICTURE}</a>
</div>

Items Divider: leer

Fußzeile Gruppe: leer

jonny

Mitglied

Re: Slider mit Text

Oke aber ich würde gerne eine netwas dezenteren Slider einbauen, der ev keine Navigation hat, sondern nur die Bilder "slidet"

---

Wer noch etwas Dummheit will soll sich hinten anstellen..

florian

Administrator

Re: Slider mit Text

Dann ergänze nach navigation: false noch

pagination : false,

Bitte, danke, gern geschehen

jonny

Mitglied

Re: Slider mit Text

Leg einen Itemz-Abschnitt im Block Headerbilder an und schau Dir mal die Itemz-Presets nivolslider oder vegas-slider an.
Beim vegas-slider bei den Layouteinstellungen für die Kopfzeile das Padding auf 10% verringern.
Der Owl-Slider funktioniert leider nicht.

Wie funktioniert dies denn? Gibt es Demos von den Nivolslider und vegas-slider?

Wie kann ich denn den Abschnitt anlegen?

Ich probiere beide Optionen aus, deshalb frage ich nun auch wegen den anderen Sliders

Beitrag geändert von jonny (08.03.2018 10:11:13)

---

Wer noch etwas Dummheit will soll sich hinten anstellen..

florian

Administrator

Re: Slider mit Text

Doku
https://wbce.at/de/topics/itemz.php

Beispiele
https://wbce.at/tpls/itemz.php

jonny

Mitglied

Re: Slider mit Text

Mhh ich hab mir die Doku nun angesehen und noch mehr beispiele, ich muss mich Entschuldigen weil ich es mir anders vorgestellt habe.

Wie wurde der Slider in Daflagga umgesetzt? Diesen fände ich persönlich optimal, mit einer leicht veränderten Geschwindigkeit des Bildwechsels.

LG

---

Wer noch etwas Dummheit will soll sich hinten anstellen..

florian

Administrator

Re: Slider mit Text

Das ist der FlexSlider

jonny

Mitglied

Re: Slider mit Text

Woran kann es liegen, wenn Linktext bei mir ausgeschrieben anstatt als Link dargestellt wird auf dem 2. Titel?

---

Wer noch etwas Dummheit will soll sich hinten anstellen..

florian

Administrator

Re: Slider mit Text

Das hat jetzt nichts mit dem Slider zu tun, oder?

jonny

Mitglied

Re: Slider mit Text

Eigentlich schon, wenn ich im 2. Feld für den Slider einen Link einsetzen möhte, das die Kunden direkt draufklicken können, den Vorgegebenen Text einfüge erscheint anstatt des Links der Code.

---

Wer noch etwas Dummheit will soll sich hinten anstellen..

florian

Administrator

Re: Slider mit Text

Auf der von Dir verlinkten Seite seh ich keinen Slider.

jonny

Mitglied

Re: Slider mit Text

Ist versteckt sorry, kleiner Moment

---

Wer noch etwas Dummheit will soll sich hinten anstellen..

jonny

Mitglied

Re: Slider mit Text

Ist aktiv

---

Wer noch etwas Dummheit will soll sich hinten anstellen..

florian

Administrator

Re: Slider mit Text

Hast Du den Link im Feld "Link" eingegeben?

Aber versteck die Testseite erstmal wieder, ich hab jetzt gerade keine Zeit, mich darum zu kümmern.

jonny

Mitglied

Re: Slider mit Text

Habs nun bemerkt, in welches Feld der Link muss. Leider ist aber nirgends beschriftet Link.

---

Wer noch etwas Dummheit will soll sich hinten anstellen..

jonny

Mitglied

Re: Slider mit Text

Wie binde ich dies nun ein, das es auf allen Seiten erscheint?

---

Wer noch etwas Dummheit will soll sich hinten anstellen..

florian

Administrator

Re: Slider mit Text

Versuchs mal mit dem Sectionpicker-Droplet, d.h. nehmen wir an, der Slider ist in dem Abschnitt mit der ID 42 (nicht: Page-ID!), trägst Du im Template an der Stelle, wo der Slider hin soll, ein: [[sectionpicker?sid=42]]
Bin mir aber nicht sicher, ob das geht.
Ich weiß auch nicht, ob Du den Besuchern einen Gefallen tust, wenn Du einen Slider auf allen Seiten anzeigst.

jonny

Mitglied

Re: Slider mit Text

Es funktioniert halb, das heisst es wird nur 1 Bild jeweils angezeigt und die Schrift jedoch nicht.

---

Wer noch etwas Dummheit will soll sich hinten anstellen..