Bild anzeigen

MyOOS hat einen Fehler, oder tut nicht das, was Ihr erwartet? Derartige "Unanehmlichkeiten" bitte hier.
Antworten
hantelfreak
Beiträge: 5
Registriert: 15.04.2009, 21:04

Bild anzeigen

Beitrag von hantelfreak »

Im Demoshop ist ein modul zur Bildanzeige verwendet wurden. gibts
das irgendwo oder nur in der bezahlversion?
r23
Beiträge: 2625
Registriert: 18.09.2008, 05:56
Wohnort: Hagen
Kontaktdaten:

RE: Bild anzeigen

Beitrag von r23 »

[quote='hantelfreak',index.php?page=Thread&postID=1010#post1010]nur in der bezahlversion?[/quote]

Eine bezahlversion gibt es bei diesem Projekt nicht...

http://www.oos-shop.de/doc/myoosdoc/htm ... money.html

Damit gewerbliche Sponsoren keinen Aufwand haben - erhalten diese eine Rechnung
und als Dankeschön die 1.7.x. mit etwas Support.

Wir verwenden im MyOOS Projekt einige Module zur Bildanzeige.

z.b.lightbox2 erhält man hier
http://huddletogether.com/projects/lightbox2/

oder zoom server, dieser lag liegt bei Photoshop bei.
(Hersteller suche bei bedarf raus. )

Ich persönlcih mag zurzeit
jQuery
Links und Anleitugen hier
PHP-Magazin: 20 mal gezaubert

für umfangreiche sachen stellen wir smarty mit overlib zur Verfügung
http://www.bosrup.com/web/overlib/

für kleinere http://www.walterzorn.com
http://www.walterzorn.com/

einige verwenden auch
weitere java script frameworks.

Module, die für die 1.7.x erstellt wurden funktionieren nicht in älteren Versionen und stellen wir
somit nicht zum DL zur Verfügung.

.
SEO
Beiträge: 14
Registriert: 05.01.2009, 19:16
Kontaktdaten:

Beitrag von SEO »

Hallo,
ich habe mal versucht den Shop 1.4.7 mit der lightbox2 nachzurüsten.
Ich glaube ich bin kurz vorm Ziel. Nur die Bilder bei der Artikelansicht läd er nicht rein.

Kurze Anleitung was ich gemacht habe:

1)lightbox runtergeladen und die css und js Dateien in die entsprechenden Ordner kopiert.

2) in der oos_temp/templates/oos/theme.html

Code: Alles auswählen

<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
	<script src="js/prototype.js" type="text/javascript"></script>
	<script src="js/scriptaculous.js?load=effects,builder" type="text/javascript"></script>
	<script src="js/lightbox.js" type="text/javascript"></script>
eingefügt.

3) in der /oos_temp/templates/oos/products/products_info.html

Code: Alles auswählen

<a href="<{html_href_link modul=$modules.products pID=$product_info.products_id image=0}>" rel="lightbox"><{html_oos_image basedir=$smarty.const.OOS_IMAGES image=$product_info.products_image alt=$product_info.products_name|escape:"quotes" width=$smarty.const.SMALL_IMAGE_WIDTH height=$smarty.const.SMALL_IMAGE_HEIGHT hspace=5 vspace=5}></a>
eingefügt.

Das entsprechende Bild wird nun aus der Datenbank gelesen und angezeigt.

Wenn ich nun das Bild anklicke, dann startet die lightbox2 und fängt an zu laden. Das Bild wird aber nicht eingelesen.

Wenn ich das richtig verstehe, dann müsste am Bildpfad was faul sein:

Code: Alles auswählen

<a href="<{html_href_link modul=$modules.products pID=$product_info.products_id image=0}>" rel="lightbox">
Jemand eine Idee?

Gruß

SEO
r23
Beiträge: 2625
Registriert: 18.09.2008, 05:56
Wohnort: Hagen
Kontaktdaten:

Beitrag von r23 »

Hallo,

in dem Template verwendeten wir

Code: Alles auswählen

<script type="text/javascript" src="js/lightbox/prototype.js"></script>
<script type="text/javascript" src="js/lightbox/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="js/lightbox/lightbox.js"></script>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
wichtig sind die Stylesshetts, die fehlen vermutlich bei dir noch,

Für die Erstellung der Links im Template verwendeten wir

Code: Alles auswählen

	<a href="{$smarty.const.OOS_IMAGES}{$smarty.const.OOS_POPUP_IMAGES}{$product_info.products_image}" rel="lightbox" title= {$product_info.products_name} ><img src="{$smarty.const.OOS_IMAGES}{$product_info.products_image}" alt={$product_info.products_name|escape:"quotes"} border="0"></a><br>
	<br><br><a href="{$smarty.const.OOS_IMAGES}{$smarty.const.OOS_POPUP_IMAGES}{$product_info.products_image}" rel="lightbox" title= {$product_info.products_name} >{html_js_icon image="zoom.gif" alt=$lang.icon_button_zoom}{$lang.text_click_to_enlarge}</a>
Beispiel für die Ausgabe
http://demo.myoos.de/info/2004er-Chatea ... n-p-9.html

cu

ralf
SEO
Beiträge: 14
Registriert: 05.01.2009, 19:16
Kontaktdaten:

Beitrag von SEO »

Hi Ralf

die

Code: Alles auswählen

<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<script src="js/prototype.js" type="text/javascript"></script>
<script src="js/scriptaculous.js?load=effects,builder" type="text/javascript"></script>
<script src="js/lightbox.js" type="text/javascript"></script>
habe ich ja in der themes.html eingefügt. Und die .js und css Dateien in die Ordner gelegt.

Der Quellcode

Code: Alles auswählen

<a href="{$smarty.const.OOS_IMAGES}{$smarty.const.OOS_POPUP_IMAGES}{$product_info.products_image}" rel="lightbox" title= {$product_info.products_name} ><img src="{$smarty.const.OOS_IMAGES}{$product_info.products_image}" alt={$product_info.products_name|escape:"quotes"} border="0"></a><br>
<br><br><a href="{$smarty.const.OOS_IMAGES}{$smarty.const.OOS_POPUP_IMAGES}{$product_info.products_image}" rel="lightbox" title= {$product_info.products_name} >{html_js_icon image="zoom.gif" alt=$lang.icon_button_zoom}{$lang.text_click_to_enlarge}</a>
geht wohl erst ab version 1.7 oder? Ich versuch es für die Version 1.4.7.

also mit

Code: Alles auswählen

<a href="<{html_href_link modul=$modules.products pID=$product_info.products_id image=0}>" rel="lightbox"><{html_oos_image basedir=$smarty.const.OOS_IMAGES image=$product_info.products_image alt=$product_info.products_name|escape:"quotes" width=$smarty.const.SMALL_IMAGE_WIDTH height=$smarty.const.SMALL_IMAGE_HEIGHT hspace=5 vspace=5}></a>
und da steckt irgendwo der Fehler.

Denn wenn ich einen ganz normalen Bildpfad einfüge funktioniert die lightbox.

Code: Alles auswählen

<a href="/images/image-1.jpg" rel="lightbox"><img src="/images/thumb-1.jpg" width="100" height="40" alt="" /></a> 


gruß und danke

SEO
r23
Beiträge: 2625
Registriert: 18.09.2008, 05:56
Wohnort: Hagen
Kontaktdaten:

Beitrag von r23 »

[quote='SEO',index.php?page=Thread&postID=1141#post1141]

und da steckt irgendwo der Fehler.


[/quote]<{html_href_link modul=$modules.products pID=$product_info.products_id image=0} ist falsch. dies erzeugt einen Link zur
Produkt-Informationen
http://www.example.de/index.php?mp=prod ... ahl&imag=0
und damit zeigst du selbstverständlich kein bild an..

Bilder sind, wie du schon richtig festgestallt hast.
<a href="/images/image-1.jpg" rel="lightbox"><img src="/images/thumb-1.jpg" width="100" height="40" alt="" /></a>
diese zeile musst du nur an deine Umgebung anpassen.

zuerst die Domain einfügen.
<a href="http://www.exmaple.org/images/image-1.jpg" rel="lightbox"><img src="http://www.exmaple.org/images/thumb-1.jpg" width="100" height="40" alt="" /></a>

dann das Untervzerzeichnis für die großen Bilder einfügen. Die großen Bilder liegen vermutlich in images_big
<a href="http://www.exmaple.org/images/images_big/image-1.jpg" rel="lightbox"><img src="http://www.exmaple.org/images/thumb-1.jpg" width="100" height="40" alt="" />
</a>

jetzt den Dateinamen aus der Datenbankabfrage verwenden.
<a href="http://www.exmaple.org/images/images_bi ... roducts_id}[/b]" rel="lightbox"><img src="http://www.exmaple.org/images/[b]{$prod ... roducts_id}"[/b] width="100" height="40" alt="" /></a>

Die Templates der 1.4.x können jetzt noch andere $left_delimiter und $right_delimiter verwenden oder es war die 1.3 oder die 1.2 oder die 1.1...
sorry. dafür gibst du mir einfach zuwenig informationen. _delimiter sind { }

http://smarty.net/manual/de/variable.left.delimiter.php
http://smarty.net/manual/de/variable.ri ... imiter.php

für die bilder verwendet der shop das Plugin html_oos_image
<{html_oos_image basedir=$smarty.const.OOS_IMAGES image=$product_info.products_image alt=$product_info.products_name|escape:"quotes" width=$smarty.const.SMALL_IMAGE_WIDTH height=$smarty.const.SMALL_IMAGE_HEIGHT hspace=5 vspace=5}>

erstellt
<img src="http://www.exmaple.org/images/thumb-1.jpg" alt="viel text" width="100" height="40" hspace=5 vspace=5 alt="" />

irgendwo in deinem template sollte also ein sinnvoller plugin aufruf von "html_oos_image" vorhanden sein diesen verwendest du anstelle von
<img src="http://www.exmaple.org/images/{$product ... ucts_id}[b]"[/b] width="100" height="40" alt="" /></a>


<a href="http://www.exmaple.org/images/images_bi ... roducts_id}" rel="lightbox">{html_oos_image deine werte} </a>


ich hoffe die Antwort hilft weiter.

cu

ralf
SEO
Beiträge: 14
Registriert: 05.01.2009, 19:16
Kontaktdaten:

Beitrag von SEO »

Jao, der Wurm lag beim Bildpfad

mit

Code: Alles auswählen

<a href="<{$smarty.const.OOS_HTTP_SERVER}><{$smarty.const.OOS_SHOP}><{$smarty.const.OOS_IMAGES}><{$smarty.const.OOS_IMAGE_SUBDIR}><{$product_info.products_image}>" rel="lightbox">
wird der richtige Bildpfad geladen. Man muss halt schon in die includes/config.php reinschaun ;)
nur der Titel wird mit

Code: Alles auswählen

title={$product_info.products_name}
nicht geladen. Aber vorerst egal.

Danke Ralf für deine Hilfe

Gruß

SEO
r23
Beiträge: 2625
Registriert: 18.09.2008, 05:56
Wohnort: Hagen
Kontaktdaten:

Beitrag von r23 »

hallo,

Code: Alles auswählen

title={$product_info.products_name}
title=<{$product_info.products_name}>

Antworten