MODUL: CSS Produkt- & Attributlagerampel v1.0 CE (ab Shopversion 2.x.x.x)

[Talismann]

Vielen Dank für die schnelle Hilfe awids.

Leider weis ich noch nicht ob es funktioniert, da noch folgendes gemacht werden muß. Aber auch leider hier ist es ja wieder ein anderes Template.

Wäre super,wenn man mir da auch helfen könnte. Dankeschön im voraus.
Nun die Probleme:

 # TEMPLATE-DATEIEN

   a) Produktdetailseite / Productinfo

      Öffnen Sie die folgenden Dateien:

      /templates/tpl_modified/module/product_info/product_info_tabs_v1.html
      /templates/tpl_modified/module/product_info/product_info_v1.html
      /templates/tpl_modified/module/product_info/product_info_x_accordion_v1.html

      Fügen Sie jeweils an gewünschter Stelle, z. B. NACH

           {if $PRODUCTS_MODEL != ''}<div class="pd_inforow"><strong>{#model#}</strong> {$PRODUCTS_MODEL}<meta itemprop="model" content="{$PRODUCTS_MODEL}" /></div>{/if}

      folgendes ein:

           {if !isset($MODULE_product_options) && $MODULE_product_options == ''}<div class="pd_inforow">{traffic_light stock=$PRODUCTS_QUANTITY modul='info'}</div>{/if}

   b) Produktlisting / Product listing

      Öffnen Sie die folgenden Dateien:

      /templates/tpl_modified/module/includes/product_info_include.html
      /templates/tpl_modified/module/includes/product_listing_include.html

      Ersetzen Sie:

         <div class="lb_shipping">{if $module_data.PRODUCTS_SHIPPING_NAME}{#text_shippingtime#} {if $module_data.PRODUCTS_SHIPPING_IMAGE}<span class="lb_shipping_image"><img src="{$module_data.PRODUCTS_SHIPPING_IMAGE}" alt="{$module_data.PRODUCTS_SHIPPING_NAME|onlytext}" /></span>{/if}{$module_data.PRODUCTS_SHIPPING_NAME_LINK}{else}&nbsp;{/if}</div>

      mit:

         <div class="lb_shipping">{if $module_data.PRODUCTS_SHIPPING_NAME}{#text_shippingtime#} {if $module_data.PRODUCTS_SHIPPING_IMAGE}<span class="lb_shipping_image"><img src="{$module_data.PRODUCTS_SHIPPING_IMAGE}" alt="{$module_data.PRODUCTS_SHIPPING_NAME|onlytext}" /></span>{/if}{$module_data.PRODUCTS_SHIPPING_NAME_LINK}{else}&nbsp;{/if}<br />{traffic_light stock=$module_data.PRODUCTS_QUANTITY modul='listing'}</div>

      bzw. fügen bei einem anderen Template an gewünschter Stelle ein:

           <br />{traffic_light stock=$module_data.PRODUCTS_QUANTITY modul='listing'}

      Ersetzen Sie:

         <div class="lr_shipping">{if $module_data.PRODUCTS_SHIPPING_NAME}{#text_shippingtime#} {if $module_data.PRODUCTS_SHIPPING_IMAGE}<span class="lr_shipping_image"><img src="{$module_data.PRODUCTS_SHIPPING_IMAGE}" alt="{$module_data.PRODUCTS_SHIPPING_NAME|onlytext}" /></span>{/if}{$module_data.PRODUCTS_SHIPPING_NAME_LINK}{else}&nbsp;{/if}</div>

      mit:

         <div class="lr_shipping">{if $module_data.PRODUCTS_SHIPPING_NAME}{#text_shippingtime#} {if $module_data.PRODUCTS_SHIPPING_IMAGE}<span class="lr_shipping_image"><img src="{$module_data.PRODUCTS_SHIPPING_IMAGE}" alt="{$module_data.PRODUCTS_SHIPPING_NAME|onlytext}" /></span>{/if}{$module_data.PRODUCTS_SHIPPING_NAME_LINK}{else}&nbsp;{/if}<br />{traffic_light stock=$module_data.PRODUCTS_QUANTITY modul='listing'}</div>

      bzw. fügen bei einem anderen Template an gewünschter Stelle ein:

           <br />{traffic_light stock=$module_data.PRODUCTS_QUANTITY modul='listing'}

   c) Attribute

      Öffnen Sie folgende Dateien:

      - /templates/tpl_modified/module/product_options/product_options_selection.html

            Suchen Sie:

                    {if $item_data.PRICE != '' }<span class="options_selection_price">{$item_data.PREFIX}{$item_data.PRICE}</span>{/if}

         und fügen die Ampel wie folgt an/ein:

                   {if $item_data.PRICE != '' }<span class="options_selection_price">{$item_data.PREFIX}{$item_data.PRICE}</span>{/if}{traffic_light stock=$item_data.STOCK modul='attributes'}

            bzw. fügen Sie bei einem anderen Template an passender Stelle folgendes ein:

                  {traffic_light stock=$item_data.STOCK modul='attributes'}

      - /templates/tpl_modified/module/product_optioins/table_listing.html

            Ersetzen Sie:

                    <span class="label_row2">{#model#} {$item_data.MODEL}</span>

         mit:

                   <span class="label_row2">{#model#} {$item_data.MODEL}{traffic_light stock=$item_data.STOCK modul='attributes'}</span>

            bzw. fügen Sie bei einem anderen Template an passender Stelle folgendes ein:

                  {traffic_light stock=$item_data.STOCK modul='attributes'}

   ### Schritt 3 : Modul installieren
   --------------------------------------

   Installieren Sie nun im Admin-Backend unter Module > System Module das zugehörige Modul zur Lagerampel und nehmen die gewünschten Einstellungen vor.

[Nooblike]

Hallo Talismann,

bei mir hat alles soweit gant gut geklappt...

Das einzige was bei mir noch nicht Funktioniert hat ist es im Bachend zu installieren er findes es in den Modulen nicht das ich es da machen kann aber angezeigt bekomme ich es schon..

Ich setze dir mal die Fertig geschriebenen Dateien als Zip in anhang... an und für sich ist das dann für das bootstrap3 Template fertig auser halt das man es nicht im backend Installieren kann.

Wenn zu diesem problem jemand eine lösung hat wäre ich froh über eine antwort...

Mfg

Edit: Ok... hab mich versehen wieso auch immer ist es dann schon Installiert ich muss es nicht extra machen

[awids]

Nun die Probleme:

Ich sehe hier nur einen Auszug, bzw. den ganzen Rest aus meiner Anleitung, aber kein Problem.

Fremdtemplates haben andere Klassen, da muss man sich eben das rauspicken, was man braucht und es in sein Template einfügen. Ich habe extra am Ende der Einbauschritte den Template-Call nochmal einzelnd genannt. Nooblike hat ja nun selbst angepasste Dateien bereit gestellt. Versuche es bitte damit. Ich kann und will nämlich nicht für jedes Template eine eigene Anleitung schreiben müssen.

[Nooblike]

Nun die Probleme:

Ich sehe hier nur einen Auszug, bzw. den ganzen Rest aus meiner Anleitung, aber kein Problem.

Fremdtemplates haben andere Klassen, da muss man sich eben das rauspicken, was man braucht und es in sein Template einfügen. Ich habe extra am Ende der Einbauschritte den Template-Call nochmal einzelnd genannt. Nooblike hat ja nun selbst angepasste Dateien bereit gestellt. Versuche es bitte damit. Ich kann und will nämlich nicht für jedes Template eine eigene Anleitung schreiben müssen.

Hoffe das es Ok für dich ist es so bereit zu stellen... Habe nur den Bootstrap3 Ordner noch mit in die Shoproot gepackt in die richtige strucktur deine dateien sind auch noch so mit drin wie gehabt...

Fals es nicht passen sollte soll es ein admin bitte Löschen...

[awids]

Alles, was hier irgendwann mal frei verfügbar gepostet wurde, darf weiter entwickelt / verändert und auch wieder bereit gestellt werden.

[Talismann]

Hallo awids,

noch einmal vielen Dank an dich für die Hilfe. Es tut mir Leid, wenn es falsch ausgedrückt bzw. von mir geschrieben war. Wollte eigentlich damit Fragen wo das nun hin sollte. Das Problem war nicht in der Beschreibung sondern bei mir. Sorry

Hallo Noblike,

dankeschön auch an dich für die Hilfe. Werde mich gleich einmal daran machen es so umzusetzen.

Schade, das man es im Backend nicht installieren kann. Vielleicht hilft ja noch jemand dies umzusetzen. Wäre schön.

Ich melde mich wenn alles geklappt hat

Grüße Michael

[Nooblike]

Hallo awids,

noch einmal vielen Dank an dich für die Hilfe. Es tut mir Leid, wenn es falsch ausgedrückt bzw. von mir geschrieben war. Wollte eigentlich damit Fragen wo das nun hin sollte. Das Problem war nicht in der Beschreibung sondern bei mir. Sorry

Hallo Noblike,

dankeschön auch an dich für die Hilfe. Werde mich gleich einmal daran machen es so umzusetzen.

Schade, das man es im Backend nicht installieren kann. Vielleicht hilft ja noch jemand dies umzusetzen. Wäre schön.

Ich melde mich wenn alles geklappt hat

Grüße Michael

Es lässt sich Installieren Über das Backend... bei mir war nur das problem das ich noch eine frühere Ampel am laufen hatte und es diese nur umgeschrieben hat und ich es nicht mehr Installieren musste und es dadurch schon instaliert war.

Also einfach für dich Talismann dateien hoch laden, es im Backend Installieren und einrichten wie du es möchtest das war es dann für dich...

[Talismann]

Hallo Noblike,

erst einmal vielen Dank für alles.

Irgendwo in den Dateien in der "/bootstrap3/module/includes"
enweder in der

"product_info_include.html"

oder in der

"product_listing_include.html"

scheint sich irgendwo ein Fehler eingeschlichen zu haben. Wenn man diese beiden hoch lädt ist der Shop wenn man die Seite wechselt nicht mehr erreichbar (weiße Seite).

Wäre super wenn man hier noch einmal drüber schauen und helfen könnte.

Vielen Dank im voraus

Gruß

[awids]

Weiße Seite ist nicht selten ein Hinweis auf eine fehlende Datei. Dies steht dann in den Logs.

[Talismann]

Hallo awids,

wenn man die beiden "product_info_include.html"  "product_listing_include.html"  wieder mit den original tauscht geht die Seite wieder

[Talismann]

Ich habe jetzt noch einmal die "product_info_include.html" hochgeladen = keine Fehler auf der Seite.
Danach habe ich die "product_listing_include.html" hochgeladen und die Seite ist weg. Nach dem einspielen von der original "product_listing_include.html" geht die Seite wieder.

Ich denke, das hier irgendwo ein Fehlerteufel zugeschlagen hat.

Vielleicht könnte mal jemand darüber schauen. Ich hänge sie mal als Anlage an

[awids]

Ich bin aktuell unterwegs und kann mir die Dateien über mein Smartphone leider nicht ansehen. Möglicherweise ist eine schließende geschweifte Klammer anhanden gekommen oder eine Abfrage wurde nicht geschlossen ({/if}).

[Timm]

In der Anleitung steht: Hinter lb_shipping und lr_shipping einfügen

Code: PHP  [Auswählen]

<div class="lb_shipping mb small">{if $module_data.PRODUCTS_SHIPPING_NAME}{#text_shippingtime#} {if $module_data.PRODUCTS_SHIPPING_IMAGE}<span class="lb_shipping_image"><img class="img-responsive" src="{$module_data.PRODUCTS_SHIPPING_IMAGE}" alt="{$module_data.PRODUCTS_SHIPPING_NAME|onlytext}" /></span>{/if}{$module_data.PRODUCTS_SHIPPING_NAME_LINK}{else}&nbsp;{/if}
<br />{traffic_light stock=$module_data.PRODUCTS_QUANTITY modul='listing'}</div>

Eingebaut wurde es nur hinter lb_shipping und dann etwas anders. Nicht vor dem </div> sondern dahinter

Code: PHP  [Auswählen]

<div class="lb_shipping mb small">{if $module_data.PRODUCTS_SHIPPING_NAME}{#text_shippingtime#} {if $module_data.PRODUCTS_SHIPPING_IMAGE}<span class="lb_shipping_image"><img class="img-responsive" src="{$module_data.PRODUCTS_SHIPPING_IMAGE}" alt="{$module_data.PRODUCTS_SHIPPING_NAME|onlytext}" /></span>{/if}{$module_data.PRODUCTS_SHIPPING_NAME_LINK}{else}&nbsp;{/if}</div>
<br />{traffic_light stock=$module_data.PRODUCTS_QUANTITY modul='listing'}

Macht das vielleicht was @awids? php code kannst du ja auch unterwegs lesen 

Gruss Timm

[awids]

Ich stelle gleich angepasste Dateien bereit.

[awids]

Anbei ein speziell für das Bootstrap3-Templates angepasstes Paket. (Ohne neue Anleitung) Beim Einbau sind folgende Schritte durchzuführen:

Versuche mal folgendes:

general.css.php

Suche:

Code: PHP  [Auswählen]

    $css_array[] = DIR_TMPL_CSS.'pushy.min.css';
    $css_array[] = DIR_TMPL_CSS.'jquery.alerts.css';

Füge dahinter ein:

Code: PHP  [Auswählen]

    $css_array[] = DIR_TMPL_CSS.'trafficlight.css';

general_bottom.js.php

Füge am Ende der Datei folgendes ein:

Code: PHP  [Auswählen]

<?php if (strstr($PHP_SELF, FILENAME_PRODUCT_INFO )) { ?>
   <script>
    /*<![CDATA[*/
     with(document.documentElement){className += \'js\'}
     if ((\'ontouchstart\' in document.documentElement)) {document.documentElement.className += \' touch\';} else {document.documentElement.className += \' no-touch\';}
    /*]]>*/
   </script>

   <script>
   $(function() {
     var $osl = $(\'.touch .options_selection label\');
     $osl.click(function() {
       var $this = $(this);
       $(\'.nr-tooltip\', this).animate({\'right\':\'30%\', \'opacity\':1}, 200, function() {
       $this.parent().siblings().find(\'.nr-tooltip\').css({\'right\':\'90%\',\'opacity\':\'0\'});
       });
     });
   });
   </script>
<?php } ?>

Die restlichen Dateien kann man überschreiben oder aus ihnen nachvollziehen, welche Änderungen ich gemacht habe.

Besonders wichtig ist es, dass die Dateien (falls bereits schon hochgeladen)

- /css/trafficlight.css
- /smarty/function.traffic_light.php

überschrieben werden, das diese Änderungen erfahren haben.

Vorschau

Produkt-Detailseite:
[ Für Gäste sind keine Dateianhänge sichtbar ]

Produkt-Listing:
[ Für Gäste sind keine Dateianhänge sichtbar ]
[ Für Gäste sind keine Dateianhänge sichtbar ]

Attribute:
[ Für Gäste sind keine Dateianhänge sichtbar ]