Größentabelle per Pop-up

Hallo,

ich habe derzeit noch CE 4.6.2 laufen ( Update über 4.6.5 --> 4.7 ist aber schon in Planung) und möchte gerne etwas auf der Produktdetailseite einbauen.

Ich habe gesehen bei verschiedenen Shops, das man dort über einen Link auf der Produktdetailseite z.B. die Größentabelle aufrufen konnte, die sich dann als Popup öffnete.

Sowas möchte ich auch machen, weiß jedoch nur noch nicht wie ich das machen muss. Vielleicht hat ja jemand von euch einen Tip für mich.

Vielen Dank

Gruß BB

Versuch das mal:

Ganz oben im entsprechenden Template:


[{oxscript add="$( '#novalgin' ).oxModalPopup({ target: '#novaRocks',width:'500px'});"}] 

Und das an gewünschter Stelle des Links:


<a id="novalgin" href="#">MEIN LINK</a>

<div id="novaRocks" class="popupBox corners FXgradGreyLight glowShadow"> 
<img src="[{$oViewConf->getImageUrl('x.png')}]" alt="" class="closePop"  /> 

HIER STEHT DIE GRÖßENTABELLE
</div> 

Ich würde dieses Popup gerne auf der Artikel-Detail-Seite nutzen. Funktioniert auch wie beschrieben. Ich möchte nur gerne, dass in dem Popup alle Artikel der aktuellen Kategorie aufgelistet werden. Erspart unnötige Klickerei. Mit den Crosselling Produkten funktioniert das, also das Reinladen in das Popup. Meine Crossellings werden ansonsten in die TABS geladen, dazu habe ich ein extra Template gebaut.

<div class="crossbox" [{if $_boxId}]id="[{$_boxId}]"[{/if}]>
    <ul class="crossboxlist">
    [{foreach from=$_oBoxProducts item=_oBoxProduct name=_sProdList}]
            [{ assign var="_sTitle" value="`$_oBoxProduct-&gt;oxarticles__oxtitle-&gt;value` `$_oBoxProduct-&gt;oxarticles__oxvarselect-&gt;value`"|strip_tags}]
            [{block name="widget_product_boxproduct_image"}]
                <li class="crossimage">
                    <a class="articleBoxImage" href="[{ $_oBoxProduct->getMainLink() }]">
                        <img src="[{$_oBoxProduct->getIconUrl()}]" alt="[{$_sTitle}]" title="[{$_sTitle}]" />
                    </a>
            [{/block}]
            [{block name="widget_product_boxproduct_price"}]
                [{ assign var="currency" value=$oView->getActCurrency()}]
                <p class="crosstitle">
                    <a href="[{ $_oBoxProduct->getMainLink() }]" title="[{$_sTitle}]">
                        [{ $_sTitle }]<br /><br />
                        [{oxhasrights ident="SHOWARTICLEPRICE"}]
                            [{if $_oBoxProduct->getFPrice()}]
                                <strong>[{ $_oBoxProduct->getFPrice() }] [{ $currency->sign}]</strong>
                            [{/if}]
                        [{/oxhasrights}]
                    </a>
                </p>
            [{/block}]
			  </li>
    [{/foreach}]
    </ul>
	<div style="clear:both;"></div>
</div>

Dieses Template wird dann über die TABS geladen. Jetzt habe ich versucht dieses Template so anzupassen, dass alle Artikel der aktuellen Kategorie geladen werden, bekomme es aber nicht hin.

Um es kurz zu machen, ich suche nach einer Lösung, die Artikel der jeweils aktuellen Kategorie auch in der Detailansicht einblenden zu können.

[QUOTE=novalgin;113855]Versuch das mal:

Ganz oben im entsprechenden Template:


[{oxscript add="$( '#novalgin' ).oxModalPopup({ target: '#novaRocks',width:'500px'});"}] 

Und das an gewünschter Stelle des Links:


<a id="novalgin" href="#">MEIN LINK</a>

<div id="novaRocks" class="popupBox corners FXgradGreyLight glowShadow"> 
<img src="[{$oViewConf->getImageUrl('x.png')}]" alt="" class="closePop"  /> 

HIER STEHT DIE GRÖßENTABELLE
</div> 

[/QUOTE]

Hallo,

ich würde das auch unglaublich gerne einsetzen. Ich bin aber bzgl. OXID ein völliger Neuling und hab keinen Plan, in welche Files genau diese Codesnippets rein müssen. Könnte mir da jemand kurz behilflich sein? Ich nutze das Standardtemplate Azure.

Vielen, lieben Dank!!!

Wohin willst Du es denn haben? Auf die Produktdetailseite?

[QUOTE=novalgin;113855]Versuch das mal:

Ganz oben im entsprechenden Template:


[{oxscript add="$( '#novalgin' ).oxModalPopup({ target: '#novaRocks',width:'500px'});"}] 

Und das an gewünschter Stelle des Links:


<a id="novalgin" href="#">MEIN LINK</a>

<div id="novaRocks" class="popupBox corners FXgradGreyLight glowShadow"> 
<img src="[{$oViewConf->getImageUrl('x.png')}]" alt="" class="closePop"  /> 

HIER STEHT DIE GRÖßENTABELLE
</div> 

[/QUOTE]

Ja, also bei mir ist die Größe eine 'Variante". Entweder direkt da daneben, oder kurz über dem Preis - da steht der Text ‘Bitte wählen Sie eine Variante’ - da daneben wäre auch in Ordnung. Ich denke schon, dass das die Detailseite ist?

[QUOTE=novalgin;136061]Wohin willst Du es denn haben? Auf die Produktdetailseite?[/QUOTE]

Ja, also bei mir ist die Größe eine 'Variante". Entweder direkt da daneben, oder kurz über dem Preis - da steht der Text ‘Bitte wählen Sie eine Variante’ - da daneben wäre auch in Ordnung. Ich denke schon, dass das die Detailseite ist?

Dann solltest Du Dir die productmain.tpl etwas genauer ansehen…


azure/tpl/page/details/inc

Super, Danke!!! :slight_smile:

@novalgin: Ich bin jetzt bei der Einbindung und dabei ist mir dann der Gedanke gekommen, ob man das flexibel verwenden kann.

So würde ich gerne nur bei den Herrenhosen die Hosengrößen für Herren einblenden lassen, bei den Damengrößen nur die Damenhosengrößen etc.

Es bringt mir ja keinen Mehrwert, wenn ich die komplette Größentabelle da aufnehme… denn die ist a.) sehr lang (Jacken,Hosen, normale,untersetzte,lange Größen,Schuhe,Thermowäsche,Hemdenkragenweite etc.)

Nun war meine Idee ob man es so lösen könnte:

a.) man fragt die Kategorie ab, in der sich der Artikel befindet (wenn Kategoriename =“Hose” etc)
b.) man fragt im 2.Schritt die Varianten des Artikels ab
c.) entsprechend des Ergebnisses aus b.) wird die entsprechende Größentabelle eingeblendet (nur untersetzte Größen oder nur Langgrößen etc)

Wieviel Aufwand wäre das ?

Gruß BB

Ich habe das mal testweise eingebunden und es klappte auch problemlos.

Aber da ich alle Größen abbilde ist es doch sehr unübersichtlich ( 500 Zeilen HTML-Code)

Nun habe ich mir folgendes überlegt zur Verbesserung der Übersichtlichkeit:

im Popup möchte ich ein Menü erstellen ( 8 Menü punkte ). Wenn man eines dieser Menüpunkte anklickt rutschen die anderen anderen Punkte ( unterhalb des angeklickten Punktes) nach unten und es erscheint der Inhalt des ausgewälten Menüpunktes.

Wie ich die Menüpunkte im Popup erstelle, weiß ich aber ich habe keine Ahnung wie ich es schaffe das ich die anderen Punkte nach unten rutschen lasse und dann den Inhalt des gewählten Menüs einblenden lasse.

Ich hoffe ich habe es einigermaßen verständlich erklärt, was mein Plan ist…

Vielleicht habt ihr einen Tipp womit ich das realisieren kann.

Gruß BB

Such mal bei Google nach jQuery Accordion. Eventuell in der jQuery UI nachladen, falls bereits importiert.

Gesendet von meinem GT-I9305 mit Tapatalk 2

Wie kann ich denn bei der productmain.tpl eine CSS-Datei einbinden ?? Ich habe schon gegooglet, aber ich habe es mit include nicht hinbekommen.

Wer hat einen Tip für mich ?

Gruß BB

Sowas gehört eigentlich in ein Modul und über einen Block eingebunden:

base_style

Der Block selbst könnte so aussehen:

[{$smarty.block.parent}]
[{oxstyle include=".../deinedatei.css"}]

Würde das ganze gerne unter 4.10.1 zum laufen bringen. Aber irgendwie schaffe ich es nicht so ganz.
Habe den Quellcode in die folgende Datei geschrieben : …/productmain.tpl

Wäre cool wenn ihr mir einen Tipp geben könnt.