Bilder ohne Popup

KaiserChief · December 18, 2007

Hallo ich hätte gerne das meine Artikel Bilder nicht in einem Popup erscheinen sondern wie unten dargestellt in einer Art zoom funktion, welche nur das Bild öffnet und über den Close Button wieder schließt?

Is bestimmt keine Große Sache aber ich weiß nich wo ich da anfangen soll zu gucken

Gruß

Numerobis · December 18, 2007

Bei Tante Google.

Das Ding nennt sich Lightbox. Tauchte auch schon einige Male hier im Forum auf.

Gruß

Numerobis

mizzy · December 18, 2007

Vielleicht hilft Dir

das hier

KaiserChief · December 30, 2007

hab die light box nun soweit eingebunden für alle images

nur erscheint in der lightbox immer das Bild aus dem

images/product_images/info_images/1_3.jpg

Ordner...

Wie kann ich das ändern damit das Original Bild in Original Größe bzw. mit den unter Bild Optionen festgelegten Größen in der Lightbox erscheint?

jtaube76 · December 30, 2007

vor dem gleichen problem steh ich auch.

er nimmt das bild aus dem falschen ordner. es wird das info bild angezeigt und nicht das popup bild. könnte jemand verraten wie man den ordner wechselt ?

danke

jtaube76 · December 30, 2007

grüzi

ich habe es mit hilfe von verschiedenen beiträgen geschafft.

lies die den beitrag von boen69 durch und mach dies.

anschliessend gehst du in deine produkt_info_v1.html und änderst den code so ab:

nach

dann sollte es gehen.

MFG

KaiserChief · December 30, 2007

ach mensch

also ich habe das jetzt so geändert, wie ich beiden beiträgen beschrieben! aber es funktioniert immer noch nicht, vor allem, wenn ich mehrere Artikel Bilder drin habe!

Kann mir vielleicht jemand die beiden Dateien schicken??

Ich benutze noch das Standard Template...

jtaube76 · December 30, 2007

funktioniert es gar nich oder nur wenn du mehrere bilder pro artikel hast ?

KaiserChief · December 30, 2007

ich würde sagen es funktionier gar nicht!

Bei den Artikel kommt auf kein Vorschau Thumb mehr...

Vorhin ging es mal kurzzeitig aber nur beim zweiten Bild

Jetzt erscheinen noch nicht einmal mehr alle Artikel Bilder

jtaube76 · December 30, 2007

ich habe es bisher nur mit einem bild probiert und bei mir gehts bisher.

cdh-service · January 20, 2008

Hi ihr,

super Sache, die Lightbox funktioniert hervorragend mit den dargestellten Infos zum Script. Allerdings nur, wenn nur eine Produkt-Abbildung vorhanden ist.

Sobald eine zweite dabei ist, geht zwar das erste Artikelbild wie gewünscht, aber das zweite Element spinnt rum:

{if $PRODUCTS_IMAGE_1 != ''}

<tr>

</tr>

{/if}

das habe ich probiert... die Lightbox geht auf, aber es erscheint kein Bild.

Lässt es sich irgendwie anpassen?

Mizzys Eintrag von http://neunzehn72.de habe ich schon versucht, allerdings bekomme ich da einen T_String-Error... vielleicht kann mir da jemand helfen?

Grüße

Alex

jtaube76 · January 22, 2008

Ich habe mich gerade mal mit dem problem beschäftigt und habe einen fortschritt gemacht.

allerdings geht es bisher nur mit den info-bildern und nicht mit den popup-bildern.

um mehrere bilder anzeigen zu lassen gibt es mehrere möglichkeiten. die mir am besten gefallende variante ist ein ifo bild anzeigen und per lightbox alle anderen.

als erstes im adminmenü mehrere bilder anzeigen lassen, dann bilde hochladen und dann noch script ändern.

die product_info_v1.html öffnen.

zu der stelle gehen wo der geänderte code eingefügt wurde.

ab der stelle "" bis " " per <!-- herauskommentieren.

und dann folgenden stelle im script ändern.

<td>{if $PRODUCTS_IMAGE!=''}

in:

<td>{if $PRODUCTS_IMAGE!=''}

{/if}</td>

mit dieser änderung werden im artikel ein produkt bild angezeigt und wenn man den artikel anschaut zeigt die lightbox alle vorhandenen ( bis 4 bilder).

Ich hoffe das konnte helfn.

und wenn wer rausbekommen könnte wie man dieses nu mit den popup bilder statt den info bildern machen kann, bitte sagen. die variante {PRODUCTS_IMAGE_POPUP} geht nur mit dem ersten bild. {PRODUCTS_IMAGE_POPUP_1} geht irgendwie nicht. keine ahnung warum.

MfG

yuecel · January 25, 2008

für diejenigen, die das verbauen wollen, aber nicht zurecht kommen (war auch einer, der öfters verbaut aber nie zum laufen gebracht hat) Funktion: Sobald Artikel in Listenansicht, wird mit Mouseclick auf die Detailseite verwiesen und bei erneutem Mouseclick Lightbox ausgelöst. Es sind auch mehrere Bilder bereits darin eingeplant (bis zu 3). Ob man das in die Listenansicht auch hinbekommt, ist mir noch nicht bekannt. Eventuell gibt es einen Tip?

Gilt in Verbindung mit 3.04 SP2.1 und mit Lightbox 2 - v2.03.3 sowie mit PHP Designer 2007 als Dateibearbeitung

Dick markierte sind die Veränderungen, der Rest Bestand der Datei, könnt euch also etwas orientieren:

1) öffne /templates/deine Template/module/product_info/product_info_v1.html

bei ca. Zeile 2

{config_load file="$language/lang_$language.conf" section="product_info"}
<script type="text/javascript" src="lightbox/js/prototype.js"></script>
<script type="text/javascript" src="lightbox/js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="lightbox/js/lightbox.js"></script>

und

bei ca. Zeile 42

<td>{if $PRODUCTS_IMAGE!=''}<a href="images/product_images/popup_images/{$PRODUCTS_LIGHTBOX_IMAGE}" rel="lightbox[{$PRODUCTS_ID}]"><img src="{$PRODUCTS_IMAGE}" alt="{$PRODUCTS_NAME}" class="productImageBorder" /></a>{/if}</td>
</tr>

{if $PRODUCTS_IMAGE_1 != ''}
<tr>
<td style="border-top: 1px solid; border-color: #cccccc;">
<a href="images/product_images/popup_images/{$PRODUCTS_LIGHTBOX_IMAGE_1}" rel="lightbox[{$PRODUCTS_ID}]"><img src="{$PRODUCTS_IMAGE_1}" alt="{$PRODUCTS_NAME}" class="productImageBorder" /></a>
</td>
</tr>
{/if}
{if $PRODUCTS_IMAGE_2 != ''}
<tr>
<td style="border-top: 1px solid; border-color: #cccccc;">
<a href="images/product_images/popup_images/{$PRODUCTS_LIGHTBOX_IMAGE_2}" rel="lightbox[{$PRODUCTS_ID}]"><img src="{$PRODUCTS_IMAGE_2}" alt="{$PRODUCTS_NAME}" class="productImageBorder" /></a>
</td>
</tr>
{/if}
{if $PRODUCTS_IMAGE_3 != ''}
<tr>
<td style="border-top: 1px solid; border-color: #cccccc;">
<a href="images/product_images/popup_images/{$PRODUCTS_LIGHTBOX_IMAGE_3}" rel="lightbox[{$PRODUCTS_ID}]"><img src="{$PRODUCTS_IMAGE_3}" alt="{$PRODUCTS_NAME}" class="productImageBorder" /></a>
</td>
</tr>
{/if}

einarbeiten.

2) öffne die Datei /includes/header.php

bei ca. Zeile 59

<link rel="stylesheet" type="text/css" href="<?php echo 'templates/'.CURRENT_TEMPLATE.'/stylesheet.css'; ?>" />
<link rel="stylesheet" href="lightbox/css/lightbox.css" type="text/css" media="screen" />

3) öffne /includes/modules/product_info.php

ca. Zeile 99

// ZUSÄTZLICHER CODE FÜR LIGHTBOX
// *******************************
$lightBoxImage = $product->data['products_image'];
$info_smarty->assign('PRODUCTS_LIGHTBOX_IMAGE', $lightBoxImage);
// *******************************

//mo_images - by [email protected]
if (SEARCH_ENGINE_FRIENDLY_URLS == 'true') {
$connector = '/';
}else{
$connector = '&';
}
$info_smarty->assign('PRODUCTS_POPUP_LINK', 'javascript:popupWindow(\''.xtc_href_link(FILENAME_POPUP_IMAGE, 'pID='.$product->data['products_id'].$connector.'imgID=0').'\')');
$mo_images = xtc_get_products_mo_images($product->data['products_id']);
if ($mo_images != false) {
foreach ($mo_images as $img) {
$mo_img = DIR_WS_INFO_IMAGES.$img['image_name'];
$info_smarty->assign('PRODUCTS_IMAGE_'.$img['image_nr'], $mo_img);
$info_smarty->assign('PRODUCTS_POPUP_LINK_'.$img['image_nr'], 'javascript:popupWindow(\''.xtc_href_link(FILENAME_POPUP_IMAGE, 'pID='.$product->data['products_id'].$connector.'imgID='.$img['image_nr']).'\')');

// ZUSÄTZLICHER CODE FÜR LIGHTBOX
// *******************************
$mo_lightbox_img = $img['image_name'];
$info_smarty->assign('PRODUCTS_LIGHTBOX_IMAGE_'.$img['image_nr'], $mo_lightbox_img);
// *******************************
}
}

4) öffne lightbox/css/lightbox.css un ändere die Pfade nach dem Ordner der auf deinem Server als lighbox liegt

background: transparent url(lightbox/images/blank.gif) no-repeat; /* Trick IE into showing hover */

#prevLink:hover, #prevLink:visited:hover { background: url(lightbox/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(lightbox/images/nextlabel.gif) right 15% no-repeat; }

5) öffne auch lightbox/js/lightbox.js und mach das gleiche, gleich am Anfang der Seite

var fileLoadingImage = "lightbox/images/loading.gif";
var fileBottomNavCloseImage = "lightbox/images/closelabel.gif";

wenn alles abgespeichert, mitsamt dem Ordner lightbox das auf dem Root (xtcommerce/lightbox) liegen sollte per FTP hochladen. Die veränderten Dateien des Shops genauso. Bevor ihr hier aber Copy & Paste betreibt, aufpassen, das ihr eventuell dabei etwas von Firefox oder iE mitnehmt die nicht dahin gehören. Also Zeilenumbrüche usw..

caru · January 26, 2008

Ich nutze die Lightbox auch erfolgreich, den Text finde ich etwas blöde hineingepostet. Aber für ein Bild nutze ich im rel="lightbox" für mehrere Bilder die Roadshow.

Und ich bin damit zufrieden.

xx110 · December 21, 2008

Hallo,

ich habe nach einer Anleitung (http://www.bluegate.at/tutorials-faqs/xtcommerce/allgemeine-tutorials/lightbox-als-foto-bildanzeige-integrieren/)

versucht die Lightbox auf unseren xtc-shop zu "installieren".

Allerdings ist dieser Versuch nicht von Erfolg gekrönt.

Beim Klick auf das Produktbild in ProduktDetailAnsicht passiert nichts!

Die Fehlerkonsole von Firefox meldet folgendes:

"

Builder is not defined

http://localhost/shop/lightbox/js/lightbox.js

"

Beim Klick darauf (innerhalb der Verlinkung in der Fehlerkonsole) wird die oben genannte Datei angezeigt und dort die Zeile 132 markiert dargestellt

"

objBody.appendChild(Builder.node('div',{id:'overlay'}));

"

Ich wäre für jeden Rat oder hinweis sehr dankbar.

xtc-Shop-Version 3.04.SP2.1 Release

Lightbox 2.04

Danke im Voraus

Bijan

cry_baby · August 17, 2009

...
das habe ich probiert... die Lightbox geht auf, aber es erscheint kein Bild.
Lässt es sich irgendwie anpassen?
...

Ich hatte gerade über längere Zeit dasselbe Problem. Für diejenigen, denen es genauso geht:

Bei mir lag es einfach nur an einem ganz dummen Fehler - ich hatte vergessen, die Anpassungen in der includes/modules/product_info.php vorzunehmen:


      $info_smarty->assign('PRODUCTS_IMAGE', $image);

      // lightbox start -------------------------------

              $lightBoxImage = $product->data['products_image'];

              $info_smarty->assign('PRODUCTS_LIGHTBOX_IMAGE', $lightBoxImage);

      // lightbox end -------------------------------

              //mo_images - by [email protected]

              if (SEARCH_ENGINE_FRIENDLY_URLS == 'true') {

                  $connector = '/';

              }else{

                  $connector = '&';

              }

              $info_smarty->assign('PRODUCTS_POPUP_LINK', 'javascript:popupWindow(\''.xtc_href_link(FILENAME_POPUP_IMAGE, 'pID='.$product->data['products_id'].$connector.'imgID=0').'\')');

              $mo_images = xtc_get_products_mo_images($product->data['products_id']);

              if ($mo_images != false) {

                  foreach ($mo_images as $img) {

                      $mo_img = DIR_WS_INFO_IMAGES.$img['image_name'];

                      $info_smarty->assign('PRODUCTS_IMAGE_'.$img['image_nr'], $mo_img);

                      $info_smarty->assign('PRODUCTS_POPUP_LINK_'.$img['image_nr'], 'javascript:popupWindow(\''.xtc_href_link(FILENAME_POPUP_IMAGE, 'pID='.$product->data['products_id'].$connector.'imgID='.$img['image_nr']).'\')');

      // lightbox start -------------------------------

                      $mo_lightbox_img = $img['image_name'];

                      $info_smarty->assign('PRODUCTS_LIGHTBOX_IMAGE_'.$img['image_nr'], $mo_lightbox_img);

      // lightbox end -------------------------------

                  }

              }

              //mo_images EOF

Hoffe, den Verzweifelten etwas weiterhelfen zu können.

KNICKLICHTER.DE · September 30, 2009

Keiner Tipp...

Für jene, die in der Bildansicht auch noch den Produktnamen angezeigt bekommen wollen, erweitern den Bildlink in der "product_info_v1.html" wie folgt...

<a href="images/product_images/popup_images/{$PRODUCTS_LIGHTBOX_IMAGE}" rel="lightbox[{$PRODUCTS_ID}]" title="{$PRODUCTS_NAME}"><img src="{$PRODUCTS_IMAGE}" alt="{$PRODUCTS_NAME}" class="productImageBorder" /></a>

Reicht übrigens, wenn nur beim Hauptbild eingebunden. Wird für alle weiteren Bilder, die im Image Set eingebunden sind, übernommen.

Greetz

Big

coco20032002 · October 15, 2009

Sorry schonmal wenn es falsch gepostet is wollte neuen Thread aufmachen leider den BUtton dazu net gefunden.

Habe folgendes Problem:

WIr haben das XT:Commerce installiert sowit eingerichtet, Artikel hochgeladen. Funktioniert soweit alles recht gut.

Unser Problem, wenn wir den Artikel Größer machen wollen öffnet sich das PopUp Fenster was auch Okay ist aber es ist kein Bild drin enthalten. Es sind lediglich 2 Bilder die eigntlich unten angezeigt werden sollen unten im Popup klein zusehen.

hier mal ein einblick!

starke-preise-online - T-Shirt mit Drachenmotiv

Wenn man drauf klickt kommt zwar das PopUp aber nix weiteres! Kann mir bitte jemand helfen?

Bilder ohne Popup

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Archived