Highslide und XTC

[supervisior]

Von nix kommt halt nix.

[Teddybear]

Hallo,

ich habs nun auch mal versucht und die Änderungen eingebaut.

Effekt: Statt des Effekts wird im Artikelbild lediglich "loading" eingeblendet und es passiert nichts weiter.

Bei erneutem Klick auf das Bild erscheint das Popup-image, allerdings im gleichen Fenster als neue Seite!?

Woran könnte das liegen?

(Ich bin sicher, dass ich die Änderngen von Seite 1 bis auf den letzten Abschnitt komplett übernoimmen habe.)

Habe die letzt aktuelle Version von highslide heruntergeladen.

Gruß

Teddy

[moritz77]

Ich habe zum Highslide noch eine Frage. Ich habe das alles wie hier beschrieben eingefügt. Leider werden die Symbole, um zwischen den einzelnen Bilder hin und her zu schalten, nicht angezeigt. Dafür aber der Text, wie schließen und so weiter.

Hat jemand eine Idee wie ich das anpassen kann? Wenn ich unten stehenden Code weg lasse kann ich logischerweise auf die Funktionen wie schließen usw... nicht anwenden.

<div class='highslide-caption' id='the-caption'>

                      {if $PRODUCTS_IMAGE_3 != '' && $PRODUCTS_IMAGE_1 != '' && $PRODUCTS_IMAGE_1 != ''}

    <a href="#" onclick="return hs.previous(this)" class="control" style="float:left; display: block">

     Rückwärts

     <br/>

     <small style="font-weight: normal; text-transform: none">linke Pfeiltaste</small>

    </a>

 <a href="#" onclick="return hs.next(this)" class="control" 

   style="float:left; display: block; text-align: right; margin-left: 50px">

  Vorwärts

  <br/>

  <small style="font-weight: normal; text-transform: none">rechte Pfeiltaste</small>

 </a>

 {/if}

    <a href="#" onclick="return hs.close(this)" class="control">Schließen</a>

    <div style="clear:both"></div>

</div> [/php]

[supervisior]

Die Pfade in der stylsheet Datei ändern. Wenn du die Grafiken wie in der Anleitung beschrieben im highslide Verzeichnis liegen hast, also Original wie vom Hersteller vorgesehen, dann ändere die Pfade dementsprechend um.

z.B.

../../includes/highslide/graphics/loader.white.gif

[moritz77]

Kannst Du mir bitte sagen in welcher Datei genau? Ich kann dort keine stylesheet-Datei finden.

[Vio]

Kannst Du mir bitte sagen in welcher Datei genau? Ich kann dort keine stylesheet-Datei finden.

Hallo,

bei highslide muss ein stylesheet eingefügt werden. Am besten in die stylesheet Deines Templates. Dort müssen dann die Pfade zu den Grafiken angepasst werden.

Grüße

Vio

[moritz77]

Kannst Du mir bitte sagen wie ich das mache?

[moritz77]

@VIO: sage mir mal bitte wie ich das mache.

Ich danke Dir.

[Vio]

Hallo,

soetwas in der Art:

<!-- 

    3) These CSS-styles are necessary for the script to work. You may also put

    them in an external CSS-file. See the webpage for documentation.

-->


<style type="text/css">

* {

    font-family: Verdana, Helvetica;

    font-size: 10pt;

}

.highslide {

	cursor: url(highslide/graphics/zoomin.cur), pointer;

    outline: none;

}

.highslide img {

	border: 2px solid gray;

}

.highslide:hover img {

	border: 2px solid white;

}


.highslide-image {

    border: 2px solid white;

}

.highslide-image-blur {

}

.highslide-caption {

    display: none;


    border: 2px solid white;

    border-top: none;

    font-family: Verdana, Helvetica;

    font-size: 10pt;

    padding: 5px;

    background-color: white;

}

.highslide-loading {

    display: block;

	color: white;

	font-size: 9px;

	font-weight: bold;

	text-transform: uppercase;

    text-decoration: none;

	padding: 3px;

	border-top: 1px solid white;

	border-bottom: 1px solid white;

    background-color: black;

    /*

    padding-left: 22px;

    background-image: url(highslide/graphics/loader.gif);

    background-repeat: no-repeat;

    background-position: 3px 1px;

    */

}

a.highslide-credits,

a.highslide-credits i {

    padding: 2px;

    color: silver;

    text-decoration: none;

	font-size: 10px;

}

a.highslide-credits:hover,

a.highslide-credits:hover i {

    color: white;

    background-color: gray;

}


.highslide-move {

    cursor: move;

}


.highslide-overlay {

	display: none;

}


/* Controlbar example */

.controlbar {	

	background: url(highslide/graphics/controlbar4.gif);

	width: 167px;

	height: 34px;

	margin-top: -15px;

}

.controlbar a {	

	display: block;

	float: left;

	/*margin: 0px 0 0 4px;*/	

	height: 27px;

}

.controlbar a:hover {

	background-image: url(highslide/graphics/controlbar4-hover.gif);

}

.controlbar .previous {

	width: 50px;

}

.controlbar .next {

	width: 40px;

	background-position: -50px 0;

}

.controlbar .highslide-move {

	width: 40px;

	background-position: -90px 0;

}

.controlbar .close {

	width: 36px;

	background-position: -130px 0;

}



/* Necessary for functionality */

.highslide-display-block {

    display: block;

}

.highslide-display-none {

    display: none;

}

</style>

Wenn Du nicht weiterkommst, gibt es eine Doku bei Highslide.

Grüße

Vio

[moritz77]

Vielen Dank.

Nun habe ich das in die css meines Templates eingefügt. Soweit scheint das ja auch alles zu funktionieren, unter dem bild kommt ein weißer teil, der vorher nicht da war. Doch statt der controlbar4.gif wird da wieder nur der Text angezeigt. Die Verzeichnisse stimmen aber alle. Was mache ich denn nur falsch? Über die Doku auf der highslide Seite komme ich leider auch nicht weiter...

[Vio]

Hallo,

vermutlich stimmen die Pfade nicht.

Experimentier mal ein bisschen damit rum.G

Grüße

Vio

[supervisior]

Vielen Dank.

Nun habe ich das in die css meines Templates eingefügt. Soweit scheint das ja auch alles zu funktionieren, unter dem bild kommt ein weißer teil, der vorher nicht da war. Doch statt der controlbar4.gif wird da wieder nur der Text angezeigt. Die Verzeichnisse stimmen aber alle. Was mache ich denn nur falsch? Über die Doku auf der highslide Seite komme ich leider auch nicht weiter...

Wenn du die gleichen Pfade hast, wie @Vio das zuletzt geposted hat, dann werden die highslide icons im Verzeichnis templates/dein_template/highslide/ erwartet. Wenn du highslide in einem anderen Verzeichnis liegen hast, dann muss du eben die Pfade in der stylesheet.css anpassen.

[moritz77]

Ist es auch möglich html-content per highslide anzeigen zu lassen?

[supervisior]

grundsätzlich fast alles, siehe Homepage Highslide

[looxis]

Ich habe Highslide genau nach der Anleitung eingebaut,

im Firefox funktioniert das auch einwandfrei - jedoch nicht im IE 7

hat jemand das gleiche Problem, oder funktioniert es bei euch auch im IE7 ?

Gruss

Etienne

[exGS]

bei mir wird auch keine navi angezigt, ich probiere schon seit 2 stunden sämtliche pfade, was könnte das noch sein?

[gweyline]

Hallo Leute!

Habe die Einbauanleitung genau befolgt und bin begeistert! Wirklich toll gelöst.

Hat jemand eine Anleitung, wie man Highslide für die Versandkostenlinks beim Artikel und im Warenkorb nutzen kann?

Das wäre doch eine super Verbesserung. Ich finde es nervig, dass die Versandkostenseite immer in einem neuen Browser-Fenster geöffnet wird.

Laut Autor kann Highslide ja auch HTML oder AJAX Content anzeigen.

Habe es bereits vergeblich versucht und bin kläglich gescheitert, da ich von PHP, HTML und Javascript keinen Schimmer habe.

Schon mal tausend Dank!

Viele Grüße

Marco

[Minera2008]

Ich habe Highslide als "Fast-Anfängerin" nach Anleitung Schritt für Schritt auch eingebaut und es sieht wirklich top aus.

Jetzt habe ich eben aber bemerkt, dass es trotzdem ein Problem gibt und zwar steht bei den Kategorien oben Schliessen in der selben Anzahl der Produkte die ich in der Kategorie habe. Woran könnte das liegen? Und wo kann ich das löschen? Wäre für einen Tip sehr dankbar!

[sparky808]

Seit vielen Stunden versuche ich, statt "Schießen", als Text den Namen vom Bild anzeigen zu lassen, war sicher schon nah dran, dann stimmt wieder etwas mit der Verschachtelung nicht. Bin Anfängerin und kann leider immer nur kopieren!

Mein Versuch:

{if $module_data.PRODUCTS_IMAGE}

<a class="highslide" href="{$module_data.PRODUCTS_POPUP_IMAGE}" onclick="return hs.expand(this)"><img src="{$module_data.PRODUCTS_IMAGE}" alt="{$module_data.PRODUCTS_NAME}" title="Klicken zum Vergrößern" class="prodImg" /></a>

{/if}

</div>

<div>

<div class="productListingDescription">

<div style="float:right; margin-left:10px;" align="right">

<a href="{$module_data.PRODUCTS_LINK}" title="{$module_data.PRODUCTS_NAME}"><span class="productListingPrice">{$module_data.PRODUCTS_PRICE}</span></a>

<br />

<span class="priceDisclaimer">

{$module_data.PRODUCTS_SHIPPING_LINK}<br />

{if $module_data.PRODUCTS_SHIPPING_NAME}<br />

{#text_shippingtime#}{if $module_data.PRODUCTS_SHIPPING_IMAGE}<img src="{$module_data.PRODUCTS_SHIPPING_IMAGE}" alt="{$module_data.PRODUCTS_SHIPPING_NAME}" />{/if} {$module_data.PRODUCTS_SHIPPING_NAME}

{/if}</span></div>


<div style="float:right; margin-left:10px;" align="right">

<a href="{$module_data.PRODUCTS_LINK}" title="{$module_data.PRODUCTS_NAME}"><img style="padding:4px 0 1px 0" src="{$tpl_path}buttons/{$language}/button_details.gif" border="0"  title="{$module_data.PRODUCTS_NAME}" alt="{$module_data.PRODUCTS_NAME}" /></a><br />{$module_data.PRODUCTS_BUTTON_BUY_NOW}

</div>

</div>

<div style="float:left; margin-left:10px;" align="right">

<div class="productListingName">

<h1><strong>

<a href="{$module_data.PRODUCTS_LINK}" title="{$module_data.PRODUCTS_NAME}">

{if $module_data.PRODUCTS_NAME}{$module_data.PRODUCTS_NAME}{else}{$module_data.PRODUCTS_DESCRIPTION|truncate:300:"...":true}{/if}</a>

</strong></h1><br />{$module_data.PRODUCTS_SHORT_DESCRIPTION}</div></div>


</div>

</div>

</div>

</div>

{/foreach}

<div style="clear:both"></div>

{$NAVIGATION}<br /><br />

So hat die Beschreibung keinen Platz mehr, vorher, dank der Einbauanleitung schon. Wie kann ich das Problem lösen?