#1

Merlin2504

Vielfrager  (1542 Punkte)  ·   männlich  ·   Deutschland

Hallo,

 

wollt mir jQuery Lightbox nach der Anleitung einbauen. http://web2date-designs.de/web-to-date-templates/anleitungen/jquery-lightbox-in-w2d/

Stimmt die Anleitung noch? Ich finde hier z.B. die Zeile nicht?

------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

Anschließend suchen Sie in der geöffneten Datei global.ccml(meist Zeile 13) nach

  1. <cc:assetsrc="jquery.js"dst="jq.js"obj="jquery"common="1"noparse="1">

und ersetzen diese Zeile durch

  1. <cc:assetsrc="jquery.js"dst="jq.js"obj="jquery"noparse="1">

-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

Gruss Klaus


Ihr könnt mich jederzeit über Facebook kontaktieren. Danke an die Forenmitglieder, die mich kontaktieren.


Dieser Beitrag wurde bereits 4 mal bearbeitet, zuletzt von »Merlin2504« (16.11.2015, 23:38)
#2

Volker W.

Administrator  (7794 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 https://www.warmers.de  ·   vwarmers  ·   vwarmers  ·   volkerw68

#3

Merlin2504

Vielfrager  (1542 Punkte)  ·   männlich  ·   Deutschland

Mit Leerzeichen wäre diese dann wohl vorhanden?

1
<cc: asset src="jquery.js" dst="jq.js" obj="jquery" common="1" noparse="1">

 Ich finde sie trotzdem nicht?


In der navigation.cml die auch nicht?

1
<script type="text/javascript" src="<cc:print value="&jquery.url">"></script>

 Gruß Klaus

 


Ihr könnt mich jederzeit über Facebook kontaktieren. Danke an die Forenmitglieder, die mich kontaktieren.

#4

Volker W.

Administrator  (7794 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 https://www.warmers.de  ·   vwarmers  ·   vwarmers  ·   volkerw68

Die Zeile

<cc: asset src="jquery.js" dst="jq.js" obj="jquery" common="1" noparse="1">

wirst Du ebenfalls in keiner global.ccml finden, denn darin befindet sich ja ein Leerzeichen zuviel.

Schaue Dir Thomas' Anleitung bitte nochmals genau an und achte dabei auf exakte Übernahme der von ihm angegebenen Code-Zeilen.


Viele Grüße,
Volker

Über mich  ·  Volker W. Musik & Sounds  ·  Facebook  ·  Twitter  ·  Instagram  ·  StayFriends  ·  LinkedIn  ·  XING

#5

Merlin2504

Vielfrager  (1542 Punkte)  ·   männlich  ·   Deutschland

Danke.

Das komische ist, ich habe die Zeile von seiter Anleitung in die Ziwschenbalage kopiert und da müssten ja alles so bleiben?

Und miit WinMerge habe ich die Zeile bzw. die Begriffe einzeln gesucht und finde die Zeile eben nicht.

Nicht das Thomas inzwischen was in der global.cml geändert hat?

Gruß Klaus


Ihr könnt mich jederzeit über Facebook kontaktieren. Danke an die Forenmitglieder, die mich kontaktieren.

#6

Volker W.

Administrator  (7794 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 https://www.warmers.de  ·   vwarmers  ·   vwarmers  ·   volkerw68

global.ccml Zeile 138, navigation.ccml Zeile 95.

Warum sollte dies in Thomas' Bootstrap 3 alles 1:1 genauso sein wie in den w2d und Siquando Designs? Das wäre ja langweilig bzw. ein Stillstand...

Er arbeitet schließlich fortschrittlich und stets Code-optimierend. ;-)


Viele Grüße,
Volker

Über mich  ·  Volker W. Musik & Sounds  ·  Facebook  ·  Twitter  ·  Instagram  ·  StayFriends  ·  LinkedIn  ·  XING

#7

Merlin2504

Vielfrager  (1542 Punkte)  ·   männlich  ·   Deutschland

Ich glaube ich habe hier einen Denkfehler. Die Lightbox ist schon in dem Design integriert?

Auszug aus der Beschreibung:

- integrierte Lightbox mit zusätzlichen Funktionen wie eigenem Beschreibungstext

Link innerhalb Forum

Ich muss wahrscheinlich nur  die Daten noch auf den Server laden.

jquery_magnific_popup.js, jquery.js, style_magnific_effects.css und style_magnific_popup.css


Ich warte mal ab. Schönes WE allen.

Gruß Klaus

 

Edit: Es ist so. Wiedermal nicht richtig gelesen und den Samstag rumgebracht. smile_waiting_16.png Jetzt geht alles


Ihr könnt mich jederzeit über Facebook kontaktieren. Danke an die Forenmitglieder, die mich kontaktieren.


Dieser Beitrag wurde bereits 2 mal bearbeitet, zuletzt von »Merlin2504« (16.11.2015, 23:39)
#8

Thomas

Moderator  (2298 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 https://siquando-designs.de

Die Lightbox in das Design zu integrieren ist sinnfrei, da Sie bereits integriert ist (und mich würde es wundern wenn das in der Produktbeschreibung nicht erwähnt hätte). ;-)


Viele Grüße
Thomas

siquando-designs.de (NEU: KARO Flex Layout, Santa Cruz Pro für Pro Shop und Apollon 11 für Siquando Shop, Templateübersicht & Support für Shop 11 + Pro Web 8)

#9

Merlin2504

Vielfrager  (1542 Punkte)  ·   männlich  ·   Deutschland

Danke.

Aber ich muss zusätzlich die Dateien noch hochladen, oder?

jquery_magnific_popup.js, jquery.js, style_magnific_effects.css und style_magnific_popup.css


Ihr könnt mich jederzeit über Facebook kontaktieren. Danke an die Forenmitglieder, die mich kontaktieren.

#10

Thomas

Moderator  (2298 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 https://siquando-designs.de

Nein, das musst du nicht, das erledigt das Programm für dich. Wie die Dateien dabei benannt werden ist erstmal irrelevant.


Viele Grüße
Thomas

siquando-designs.de (NEU: KARO Flex Layout, Santa Cruz Pro für Pro Shop und Apollon 11 für Siquando Shop, Templateübersicht & Support für Shop 11 + Pro Web 8)

#11

Merlin2504

Vielfrager  (1542 Punkte)  ·   männlich  ·   Deutschland

Ich nutze das Plugin "Produktdesign". Wenn ich das einbaue, funktioniert auf der Seite die jQuery Lightbox nicht mehr? Gibt es da eine Möglichkeit oder kann das Produktdesign bei Bootsrap nicht genutzt werden? Wäre schade.

mit Plugin Produktdesign

http://www.jahnwerbung.de/test/foto-geschenke/foto-tassen/tasse-classic-mit-produktdesigner.php

ohne Plugin Produktdesign

http://www.jahnwerbung.de/test/foto-geschenke/foto-tassen/tasse-classic.php


Ihr könnt mich jederzeit über Facebook kontaktieren. Danke an die Forenmitglieder, die mich kontaktieren.


Dieser Beitrag wurde bereits 2 mal bearbeitet, zuletzt von »Merlin2504« (24.03.2015, 08:50)
#12

Thomas

Moderator  (2298 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 https://siquando-designs.de

Bitte stelle eine Demo bereit, die von dir geposteteten Links scheinen nicht aktuell zu sein „Error 404”


Nachtrag: Wenn du Probleme mit einem Plugin haben solltest aktiviere bitte zunächst die erweiterte Hauptseiteneigenschaft „Seite verwendet Web to Date Slider”.


Viele Grüße
Thomas

siquando-designs.de (NEU: KARO Flex Layout, Santa Cruz Pro für Pro Shop und Apollon 11 für Siquando Shop, Templateübersicht & Support für Shop 11 + Pro Web 8)

#13

Merlin2504

Vielfrager  (1542 Punkte)  ·   männlich  ·   Deutschland

Hab die Links gerade repariert.


Ihr könnt mich jederzeit über Facebook kontaktieren. Danke an die Forenmitglieder, die mich kontaktieren.

#14

Thomas

Moderator  (2298 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 https://siquando-designs.de

Danke für die Bereitstellung der Links. Ich habe dir Dateien per E-Mail gesendet die diesen Fehler beheben werden.


Viele Grüße
Thomas

siquando-designs.de (NEU: KARO Flex Layout, Santa Cruz Pro für Pro Shop und Apollon 11 für Siquando Shop, Templateübersicht & Support für Shop 11 + Pro Web 8)

#15

Merlin2504

Vielfrager  (1542 Punkte)  ·   männlich  ·   Deutschland

Danke für die Dateien. Jetzt funktioniert es auch mit Designer.


Ihr könnt mich jederzeit über Facebook kontaktieren. Danke an die Forenmitglieder, die mich kontaktieren.

#16

Merlin2504

Vielfrager  (1542 Punkte)  ·   männlich  ·   Deutschland

Zitat von: Thomas

Die Lightbox in das Design zu integrieren ist sinnfrei, da Sie bereits integriert ist (und mich würde es wundern wenn das in der Produktbeschreibung nicht erwähnt hätte). smile_winking_16.png

Die Ligtbox ist ja schon integriert. Ich finde aber aber auf dem server in "assets" keine Lightbox.js  oder Lightbox.jcss ? Die jqslider.js ist zum Beispiel in "assets" enthalten. Muss, wenn die lightbox integriert ist, die js oder css auf meinen Webserver sein?


Ihr könnt mich jederzeit über Facebook kontaktieren. Danke an die Forenmitglieder, die mich kontaktieren.

#17

Thomas

Moderator  (2298 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 https://siquando-designs.de

#18

Merlin2504

Vielfrager  (1542 Punkte)  ·   männlich  ·   Deutschland

Wie heißt die Datei in deinem Design?


Ihr könnt mich jederzeit über Facebook kontaktieren. Danke an die Forenmitglieder, die mich kontaktieren.

#19

Thomas

Moderator  (2298 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 https://siquando-designs.de

#20

Merlin2504

Vielfrager  (1542 Punkte)  ·   männlich  ·   Deutschland

Dann könnte ich mir mal anschauen, in welche cml du das integriert hast. smile_winking_16.png Und wo ich dann die "....css oder ...js" nach dem hochladen auf meinen Server finde.


Ihr könnt mich jederzeit über Facebook kontaktieren. Danke an die Forenmitglieder, die mich kontaktieren.

#21

Thomas

Moderator  (2298 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 https://siquando-designs.de

Die Dateien werden (wie in jedem anderen Design) in der global.ccml angegeben. Ein einfacher Austausch mit der Datei Lightbox.js wird mit Sicherheit nicht funktionieren, das kann ich dir jetzt schon voraussagen ohne es probiert zu haben ;-)


Viele Grüße
Thomas

siquando-designs.de (NEU: KARO Flex Layout, Santa Cruz Pro für Pro Shop und Apollon 11 für Siquando Shop, Templateübersicht & Support für Shop 11 + Pro Web 8)

#22

Merlin2504

Vielfrager  (1542 Punkte)  ·   männlich  ·   Deutschland

Danke für den Hinweis. Dann könnte ich ja probieren "mein" Script für den Head Bereich dort zu integrieren. Derzeit ist es in dem HTML Absatz integriert. Habe inzwischen testweise die Bilder einfach als Flächen dargestellt, auf meinen Serrver geladen und dann hier verknüpft.

Soweit funktioniert alles, außer der horizontale Abstand der Bilder. Da muss sich irgendwas mit dem Design behaken, da es in einer eigens index.html funktioniert, siehe unten link.

Link mit html Absatz auf meiner Testseite. Hier ist der horinzontale Abstand weg.

Separat auf dem Server gelegt. Hier funktioniert der horizontale Abstand.


Ihr könnt mich jederzeit über Facebook kontaktieren. Danke an die Forenmitglieder, die mich kontaktieren.

#23

Thomas

Moderator  (2298 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 https://siquando-designs.de

#24

Merlin2504

Vielfrager  (1542 Punkte)  ·   männlich  ·   Deutschland

Die Abstände stimmen doch. Es geht doch um die horizontalen Abstände, die im Design nicht passen. Außerhalb des Design schon.


Ihr könnt mich jederzeit über Facebook kontaktieren. Danke an die Forenmitglieder, die mich kontaktieren.

#25

Thomas

Moderator  (2298 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 https://siquando-designs.de

Auch wenn das absolut Offtopic ist, erstelle bitte einmal einen Screenshot und markiere die falschen Abstände mit einem Pfeil.


Viele Grüße
Thomas

siquando-designs.de (NEU: KARO Flex Layout, Santa Cruz Pro für Pro Shop und Apollon 11 für Siquando Shop, Templateübersicht & Support für Shop 11 + Pro Web 8)

#26

Merlin2504

Vielfrager  (1542 Punkte)  ·   männlich  ·   Deutschland

#27

Thomas

Moderator  (2298 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 https://siquando-designs.de

Dies ist der vertikale Abstand. Darum wird es auch "korrekt" dargestellt wenn man "vertical-align" auf "baseline" setzt. ;-)


Viele Grüße
Thomas

siquando-designs.de (NEU: KARO Flex Layout, Santa Cruz Pro für Pro Shop und Apollon 11 für Siquando Shop, Templateübersicht & Support für Shop 11 + Pro Web 8)

#28

Merlin2504

Vielfrager  (1542 Punkte)  ·   männlich  ·   Deutschland

Habe ich jetzt einen Denkfehler? Nach meiner Meinung fehlt mir der horizontale "braune" Streifen (Abstand) ?

Auche finde ich in meinen Quelltext keinen Code mit  "vertical-align" 

 

file_image_image.jpg

 

 


Ihr könnt mich jederzeit über Facebook kontaktieren. Danke an die Forenmitglieder, die mich kontaktieren.

#29

Thomas

Moderator  (2298 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 https://siquando-designs.de

Das hast du wohl.

Horizontal (X-Achse): links & rechts
Vertikal (Y-Achse): oben & unten

Und an welcher Stelle fehlt nun in deinem Screenshot Abstand? Nach links & rechts oder nach oben & unten?

 


Viele Grüße
Thomas

siquando-designs.de (NEU: KARO Flex Layout, Santa Cruz Pro für Pro Shop und Apollon 11 für Siquando Shop, Templateübersicht & Support für Shop 11 + Pro Web 8)

#30

Merlin2504

Vielfrager  (1542 Punkte)  ·   männlich  ·   Deutschland

Vielen Dank für deine Ausdauer. Es stimmt die vertikalen Abstände werde nicht dargestellt. Kann es damit zusammenhängen das ich meine Lightbox auf dem Server geladen habe und im HTML Absatz folgenden Code verwende. Dadurch kommen css beim laden durcheinander?

<head>
  <link rel="stylesheet" href="http://jahnfoto.de/dist/css/lightbox.css">
</head>
 
<body>
 
  <section>
 
<div>
            <a class="example-image-link" href="http://www.jahnfoto.de/lightbox/images/image-1.jpg" data-lightbox="example-set" data-title="Test Bild 1"><img class="example-image" 	  
src="http://www.jahnfoto.de/lightbox/images/thumb-1.jpg" alt=""/></a>
 
      <a class="example-image-link" href="http://www.jahnfoto.de/lightbox/images/image-2.jpg" data-lightbox="example-set" data-title="Test Bild 1"><img class="example-image" 	  
src="http://www.jahnfoto.de/lightbox/images/thumb-2.jpg" alt=""/></a>
 
      <a class="example-image-link" href="http://www.jahnfoto.de/lightbox/images/image-3.jpg" data-lightbox="example-set" data-title="Test Bild 1"><img class="example-image" 	  
src="http://www.jahnfoto.de/lightbox/images/thumb-3.jpg" alt=""/></a>
 
      <a class="example-image-link" href="http://www.jahnfoto.de/lightbox/images/image-4.jpg" data-lightbox="example-set" data-title="Test Bild 1"><img class="example-image" 	  
src="http://www.jahnfoto.de/lightbox/images/thumb-4.jpg" alt=""/></a>
 
      <a class="example-image-link" href="http://www.jahnfoto.de/lightbox/images/image-5.jpg" data-lightbox="example-set" data-title="Test Bild 1"><img class="example-image" 	  
src="http://www.jahnfoto.de/lightbox/images/thumb-5.jpg" alt=""/></a>
 
      <a class="example-image-link" href="http://www.jahnfoto.de/lightbox/images/image-6.jpg" data-lightbox="example-set" data-title="Test Bild 1"><img class="example-image" 	  
src="http://www.jahnfoto.de/lightbox/images/thumb-6.jpg" alt=""/></a>
 
      <a class="example-image-link" href="http://www.jahnfoto.de/lightbox/images/image-7.jpg" data-lightbox="example-set" data-title="Test Bild 1"><img class="example-image" 	  
src="http://www.jahnfoto.de/lightbox/images/thumb-7.jpg" alt=""/></a>
 
      <a class="example-image-link" href="http://www.jahnfoto.de/lightbox/images/image-8.jpg" data-lightbox="example-set" data-title="Test Bild 1"><img class="example-image" 	  
src="http://www.jahnfoto.de/lightbox/images/thumb-8.jpg" alt=""/></a>
 
      <a class="example-image-link" href="http://www.jahnfoto.de/lightbox/images/image-9.jpg" data-lightbox="example-set" data-title="Test Bild 1"><img class="example-image" 	  
src="http://www.jahnfoto.de/lightbox/images/thumb-9.jpg" alt=""/></a>
 
      <a class="example-image-link" href="http://www.jahnfoto.de/lightbox/images/image-10.jpg" data-lightbox="example-set" data-title="Test Bild 1"><img class="example-image" 	  
src="http://www.jahnfoto.de/lightbox/images/thumb-10.jpg" alt=""/></a>
 
    </div>
  </section>
 
  <script src="http://jahnfoto.de/dist/js/lightbox-plus-jquery.js"></script>  
 
</body>

 


Ihr könnt mich jederzeit über Facebook kontaktieren. Danke an die Forenmitglieder, die mich kontaktieren.

2078 Aufrufe | 34 Beiträge