MODUL: Cloud Zoom als Alternative zu MagicZoom

[rosarot]

Ich versuche alles nach Anleitung zu installieren. Ich finde jedoch die Datei general.css.php nicht. Ich hatte auch keinen css ordner. Habe jetzt die Datei, die in den CSS-Ordner sollte mit in den Javascript-Ordner kopiert. Kann mir bitte jemand helfen, warum ich keine general.css.php habe?
Vielen Dank
rosarot
Hier ist mein Shop
www.rosarottriffthimmelblau.de

[franky_n]

Hallo rosarot,

die Datei heißt "general.css.php" und steht wie in der Anleitung beschrieben unter:
/templates/xtc5/css/

Wenn Du die da nicht hast wirst Du entweder was vom Originaltemplate gelöscht haben oder Du benutzt ein komplett anderes Template was diese nicht enthält.

Da können wir Dir aber nicht bei helfen, da solltest Du selber schauen woran das liegt.

Viele Grüße

Franky

[rosarot]

Hallo Franky,
vielen Dank für die Antwort. Ich habe mein Template etwas anpassen lassen. Ich möchte aber auch gerne die Funktion nutzen. Kann mir dabei jemand helfen? oder das für mich machen?
Danke nochmals
rosarot

[rosarot]

Hallo nochmal, kann mir keiner helfen? Ich bezahle das auch.
vielen Dank
rosarot

[rosarot]

Hallo,
ich bitte hier nochmals um Hilfe. Das kann doch für einen Kenner nicht so schwer sein. Ich habe bei meinem Template doch nur ein paar kosmetische Änderungen machen lassen. Es ist doch trotzdem ein xt-modified-Shop.
Vielen Dank
rosarot
www.rosarottriffthimmelblau.de

[franky_n]

Hallo rosarot,

installiere einfach nach Anleitung und alle Dateien die Dir fehlen kopierst Du vom Original Template und änderst die dann. (Nur nichts überschreiben sondern nur echt die fehlenden Dateien!)
Dann sollte es klappen, vorausgesetzt Dein Templatedesigner hat nicht alles gelöscht und verändert.

Viele Grüße

Franky

[webmaster-uk]

also ich hab es jetzt genau nach Anleitung integriert jedoch funktioniert nichts.
Das einzige was ich nicht geändert habe ich das mit dem z-index weil ich nicht wusste wo.

Habe das Imageprocessing gestartet aber hat sich auch nichts getan. Liegt das nun an dem z-index oder an was anderem und wenn ja wo finde ich die Einstellung für den z-index?

EDIT:
Also es soll ja nur der Zoom erfolgen wenn man in der Artikelübersicht ist BEVOR man sich den ARtikel aufruft. Wenn man sich den Artikel aufgerufen hat, dann soll es wie normal mit der Litebox geöffnet werden.

[danielson]

installiere einfach nach Anleitung und alle Dateien die Dir fehlen kopierst Du vom Original Template und änderst die dann. (Nur nichts überschreiben sondern nur echt die fehlenden Dateien!)
Dann sollte es klappen, vorausgesetzt Dein Templatedesigner hat nicht alles gelöscht und verändert.

Genau so hat es bei mir zumindest funktioniert. Ich habe ebenfalls ein anderes Template als das mitgelieferte von modified eCommerce Shopsoftware.
Einfach die "general.css.php" aus dem Basistemplate /templates/xtc5/css/ in den css-Ordner Deines Templates kopieren...

Vielen Dank übrigens. Das Ding ist echt super stylisch  

Allerdings ein kleines Problemchen habe ich noch dabei. Wenn man sich einen Artikel anschaut, klappt meine Navigationsleiste nun leider hinter das Bild auf... unter www.wowear.de/shop kann das auch begutachtet werden.

Schöne Grüße
Daniel

[webmaster-uk]

kann man das auch machen, dass es wie gesagt nur in der Artikelübersicht angezeigt wird? also nur vorne und wenn man den Artikel aufruft wie standardmäßig mit der litebox?

[danielson]

Ok dann werde ich das mal nachher so testen das ich an den Z-Index werten einfach hinten 00 dran hänge in der Thickbox.css und belasse in der Javascript datei die Werte so wie Sie Standard sind.
Gruß
Micha

So habe ich es jetzt auch mal getestet. Also in der Thickbox.css bei allen z-index-Werten "00" hinten dran gehängt. Das Problem mit den Versandkosten ist damit auf jeden Fall gelöst. Wunderbar.
Allerdings wird mein Dropdownmenü immer noch vom Artikelbild bedeckt. Das muß doch noch irgendwie zu lösen sein.
In der Anleitung, die mit Cloud Zoom mitgeliefert wurde, wird dies ja auch genannt:

Verwendet Ihr ein Dropdown-Menü oder ähnliches, dass über die Bilder geht, dann müsst Ihr z-index auf mehr als 9999 festlegen.

Dies würde ja aber der anderen Strategie widersprechen, oder? Wir haben ja nun bewusst die z-index-Werte der thickbox geändert und die cloud-zoom.1.0.2.min.js so belassen.

[Trucker05]

Thickbox ist das Standard-Teil in modified eCommerce Shopsoftware, bei Klick auf ein Bild erscheint die Vergrößerung.
Ich würde gerne Cloud Zoom zusammen mit der Thickbox laufen lassen, für Leute die sich evtl. an der ausschnittweisen Vergrößerung stören und es im "Vollbild" möchten.

Ich habe noch eine "Fehlfunktion" gefunden.
Es geht um die "weiteren Bilder" - klickt man eines davon an, dann wird das Hauptbild ersetzt, doch man hat dann keine Möglichkeit mehr das Hauptbild anzusehen. Es müssten sich also die Bilder tauschen, sodass das Hauptbild, dann unter den weiteren Bilder zu finden wäre.

Habt Ihr die Zwei Punkte, die Speedy hier anspricht mal gelöst? Wenn ja, wie?

[koshiro]

Hallo Trucker05,
das funktioniert doch schon so mit den weiteren Bildern.
Kannst Du hier sehen Link

Gruß
Micha

[Trucker05]

Ja, das Template von mir ist schon etwas älter und das Cloud zoom war schon drin!
Will nicht alles Neu machen und nur die Änderungen wissen!

danke

[koshiro]

Du musst ja nicht alles neu machen !
Du brauchst ja nur Dir die Einbauanleitung durch gehen in welchen Dateien was rein kommt, und dann vergleichst Du die Dateien mit Deinen Dateien, zum Beispiel mit WinMerge, und falls Du so nicht weiter kommst ! Sag Bescheid, dann stelle ich Dir meine Dateien zur Verfügung, denn bei mir Funzt es ja einwandfrei.
Gruß
Micha

[Trucker05]

Ja, genau da liegt das Problem!  
Wenn ich die Anleitung durchgehe finde ich erhebliche Abweichungen Siehe bsp. Punkt 5 in der product_info_v1.html

Die Änderungen weichen doch stark von meiner Datei ab! Hier mal das Zeug, das bei mir steht!

Code: PHP  [Auswählen]

{config_load file="$language/lang_$language.conf" section="product_info"}
{$FORM_ACTION}

<div id="productinfowrap">
<table><tr><td style="padding-right:20px;">
        {if $PRODUCTS_IMAGE!=''}

                <a  title="{$PRODUCTS_NAME}" href="{$PRODUCTS_IMAGE|replace:"info_images":"popup_images"}" class = "cloud-zoom" id="zoom1" rel="zoomWidth: 377,zoomHeight: 227, adjustX: 15, adjustY:-4"><img align="left" src="{$PRODUCTS_IMAGE}" alt="{$PRODUCTS_NAME}" class="productimage" /></a>
                <div class="clear"></div>{/if}
                {if $PRODUCTS_IMAGE_1 != ''}

                <!-- More Pictures -->
                <div class="morepics">

                {if $PRODUCTS_IMAGE_1 != ''}
                <a  title="{$PRODUCTS_NAME}" href="{$PRODUCTS_IMAGE_1|replace:"info_images":"popup_images"}" class="cloud-zoom-gallery" title="Thumbnail 2" rel="useZoom: 'zoom1', smallImage: '{$PRODUCTS_IMAGE_1}'"><img align="left" src="{$PRODUCTS_IMAGE_1}" alt="{$PRODUCTS_NAME}" /></a>
                {/if}

                {if $PRODUCTS_IMAGE_2 != ''}
                <a  title="{$PRODUCTS_NAME}" href="{$PRODUCTS_IMAGE_2|replace:"info_images":"popup_images"}" class="cloud-zoom-gallery" title="Thumbnail 2" rel="useZoom: 'zoom1', smallImage: '{$PRODUCTS_IMAGE_2}'"><img align="left" src="{$PRODUCTS_IMAGE_2}" alt="{$PRODUCTS_NAME}" /></a>
                {/if}
                {if $PRODUCTS_IMAGE_3 != ''}
                <a  title="{$PRODUCTS_NAME}" href="{$PRODUCTS_IMAGE_3|replace:"info_images":"popup_images"}" class="cloud-zoom-gallery" title="Thumbnail 2" rel="useZoom: 'zoom1', smallImage: '{$PRODUCTS_IMAGE_3}'"><img align="left" src="{$PRODUCTS_IMAGE_3}" alt="{$PRODUCTS_NAME}" /></a>
                {/if}
                {if $PRODUCTS_IMAGE_4 != ''}
                <a  title="{$PRODUCTS_NAME}" href="{$PRODUCTS_IMAGE_4|replace:"info_images":"popup_images"}" class="cloud-zoom-gallery" title="Thumbnail 2" rel="useZoom: 'zoom1', smallImage: '{$PRODUCTS_IMAGE_4}'"><img align="left" src="{$PRODUCTS_IMAGE_4}" alt="{$PRODUCTS_NAME}" /></a>
                {/if}
                {if $PRODUCTS_IMAGE_5 != ''}
                <a  title="{$PRODUCTS_NAME}" href="{$PRODUCTS_IMAGE_5|replace:"info_images":"popup_images"}" class="cloud-zoom-gallery" title="Thumbnail 2" rel="useZoom: 'zoom1', smallImage: '{$PRODUCTS_IMAGE_5}'"><img align="left" src="{$PRODUCTS_IMAGE_5}" alt="{$PRODUCTS_NAME}" /></a>
                {/if}
                {if $PRODUCTS_IMAGE_6 != ''}
                <a  title="{$PRODUCTS_NAME}" href="{$PRODUCTS_IMAGE_6|replace:"info_images":"popup_images"}" class="cloud-zoom-gallery" title="Thumbnail 2" rel="useZoom: 'zoom1', smallImage: '{$PRODUCTS_IMAGE_6}'"><img align="left" src="{$PRODUCTS_IMAGE_6}" alt="{$PRODUCTS_NAME}" /></a>
                {/if}
                <div style="clear:both;"></div>
                </div>
                {/if}          

        </td><td valign="top">
        <div id="productinfopricewithimages">
                <h2>{$PRODUCTS_NAME}</h2>
                        <p class="productprice"><strong>{$PRODUCTS_PRICE}</strong></p>
                        <p class="taxandshippinginfo" style="white-space:nowrap">{$PRODUCTS_TAX_INFO}{if $PRODUCTS_SHIPPING_LINK}{$PRODUCTS_SHIPPING_LINK}{/if}</p>
                        <br><b>Versandpunkte:</b> {$PRODUCTS_WEIGHT}
                        {if $PRODUCTS_VPE}
                        <div class="hrlightgrey"></div>{$PRODUCTS_VPE}{/if}
                        {if $MODULE_graduated_price !=''}<div class="hrlightgrey"></div>{$MODULE_graduated_price}{/if}
                        {if $PRODUCTS_DISCOUNT!=''}<div class="hrlightgrey"></div>{$PRODUCTS_DISCOUNT}{/if}
                        {if $PRODUCTS_FSK18=='true'}<div class="hrlightgrey"></div><img src="{$tpl_path}img/fsk18.gif" alt="" style="cursor:default" />{/if}
                        {if $PRODUCTS_MODEL!=''}<div class="hrlightgrey"></div>
                        <strong>{#model#}</strong> {$PRODUCTS_MODEL}{/if}
                        {if $PRODUCTS_URL != ''}
                        <div class="hrlightgrey"></div><div style="padding-top:5px;">{$PRODUCTS_URL}</div>
                        {/if} <br />
                        <div style="margin-top:10px"></div>
                        {$PRODUCTS_PRINT}<div style="margin-top:15px;"><iframe src="http://www.facebook.com/plugins/like.php?href={$FACEBOOK_PRODUCT_URL}&layout=standard&show_faces=true&width=250&action=like&colorscheme=light&height=80" scrolling="no" frameborder="0" style="width:250px;height:80px;border:0px solid;" allowTransparency="true"></iframe></div>
<br>

                {if $PRODUCTS_DATE_AVIABLE != ''}<p>{$PRODUCTS_DATE_AVIABLE}</p>{/if}
        </div>
        <div style="clear:both;"></div>
    </td></tr></table>
        {if $MODULE_product_options !=''}
        <div class="productoptions">{$MODULE_product_options}</div>{/if}
        <div class="addtobasket">
        <table border="0" cellspacing="0" cellpadding="2" width="100%">
                <tr>
                <td width="100%">{if $SHIPPING_NAME}<p class="shippingtime"><strong>{#text_shippingtime#}</strong>{if $SHIPPING_IMAGE}<img src="{$SHIPPING_IMAGE}" alt="{$SHIPPING_NAME}" />{/if} {$SHIPPING_NAME}</p>
                        {/if}</td>
                <td style=" padding-right:5px;">{$ADD_QTY}</td>
                <td>{$ADD_CART_BUTTON}</td>
                </tr>

        </table>
        </div>

        {if $PRODUCTS_DESCRIPTION !=''}<p>{$PRODUCTS_DESCRIPTION}</p>{/if}
        <div id="bookmarks">
{php} $url = 'http://' . $_SERVER["HTTP_HOST"].''.$_SERVER["REQUEST_URI"];
{/php}
<ul>
<li><a href="http://del.icio.us/post?url={php}echo $url;{/php}" target="_blank"
class="delicious" rel="nofollow" title="{$PRODUCTS_NAME} bei Del.icio.us
bookmarken">{$PRODUCTS_NAME} bei Delicious bookmarken</a></li>
<li><a href="http://www.mister-wong.de/index.php?action=addurl&bm_url={php}echo
$url;{/php}" target="_blank" class="misterwong" rel="nofollow"
title="{$PRODUCTS_NAME} bei Mister Wong bookmarken">Mister Wong</a></li>
<li><a href="http://digg.com/submit?phase=2&url={php}echo $url;{/php}"
target="_blank" class="digg" rel="nofollow" title="{$PRODUCTS_NAME} bei Digg
bookmarken">{$PRODUCTS_NAME} bei Digg bookmarken</a></li>
<li><a href="http://www.stumbleupon.com/submit?url={php}echo $url;{/php}"
target="_blank" class="stumble" rel="nofollow" title="{$PRODUCTS_NAME} bei
StumbleUpon bookmarken">{$PRODUCTS_NAME} bei Stumble Upon bookmarken</a></li>
<li><a href="http://technorati.com/faves/seoportal?add={php}echo $url;{/php}"
target="_blank" class="technorati" rel="nofollow" title="{$PRODUCTS_NAME} bei
Technorati bookmarken">{$PRODUCTS_NAME} bei Technorati bookmarken</a></li>
<li><a href="http://www.myspace.com/Modules/PostTo/Pages/?u={php}echo
$url;{/php}" target="_blank" class="myspace" rel="nofollow"
title="{$PRODUCTS_NAME} bei MySpace bookmarken">{$PRODUCTS_NAME} bei MySpace
bookmarken</a></li>
<li><a href="http://www.facebook.com/share.php?v=4&src=bm&u={php}echo
$url;{/php}" target="_blank" class="facebook" rel="nofollow"
title="{$PRODUCTS_NAME} bei Facebook bookmarken">{$PRODUCTS_NAME} bei Facebook
bookmarken</a></li>
<li><a href="http://twitthis.com/twit?url={php}echo $url;{/php}" target="_blank"
class="twitter" rel="nofollow" title="{$PRODUCTS_NAME} bei Twitter
bookmarken">{$PRODUCTS_NAME} bei Twitter bookmarken</a></li>
</ul>
</div>
<br class="clearfix" />
</div>

<br>
{php} $url = $_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI']; {/php}

{$FORM_END}
{if $MODULE_products_media != ''}{$MODULE_products_media}{/if}
{if $MODULE_products_reviews != ''}{$MODULE_products_reviews}{/if}
{if $MODULE_cross_selling != ''}{$MODULE_cross_selling}{/if}
{if $MODULE_reverse_cross_selling != ''}{$MODULE_reverse_cross_selling}{/if}
{if $MODULE_also_purchased != ''}{$MODULE_also_purchased}{/if}
{if $PRODUCTS_ADDED != ''}<p class="productinfoproductadded">{$PRODUCTS_ADDED}</p>{/if}
{$PRODUCT_NAVIGATOR}