Wie die Produktbeschreibung oberhalb des Bildes bringen?

[CHESSBASE]

Guten Morgen!
Da es in meinem Fall sinnvoller ist, zuerst die Produktbeschreibung zu zeigen, möchte ich fragen,
wie ich diesen Bereich oberhalb des Bildes zeigen kann. An die product_info.php trau ich mich nicht dran.
Und eine product_info.html finde ich nicht.
Ich vermute aber, dass ich diese Änderung in irgendeiner html-Seite durchführen müsste.
Nur weiß ich leider nicht, welche das ist. Wer kann mir da netterweise helfen?
Gruß
Valeri

P.S.: Ich glaub, es könnte die product_info_tabs_v1.html sein, merke ich gerade. Ich schau die mal an.

Linkback: https://www.modified-shop.org/forum/index.php?topic=41206.0

[Tante Uschi]

Guten Morgen Valeri,

richtig im Ordner:

templates/DEINTEMPLATE/module/product_info sind die Dateien die für die Produkte zuständig sind
templates/DEINTEMPLATE/module/product_listing die für die Produktlisten
templates/DEINTEMPLATE/module/categorie_listing sagt der Name schon für die Kategorien
templates/DEINTEMPLATE/module/product_options da stecken die Optionen, Preis Attribut etc. diese werden über {$MODULE_product_options} in die info geladen.

Der Preis wird allerdings wieder über:
templates/DEINTEMPLATE/includes/ in die Produktoptionen geladen

Gruß

[CHESSBASE]

Hallo Tante Uschi!
Da war ich ja auf der richtigen Spur. Nun muss ich nur noch herausfinden, welchen Bereich ich verschieben muss.
Dadurch, dass ich den Shop über JTL-Wawi fülle, ist bei den Artikeln allerdings keine spezielle Vorlage gewählt und
es steht dort standardmäßig überall "Bitte wählen Sie!".
Viele Grüße
Valeri

[Tante Uschi]

Wenn dort keine Angabe ist, wird die oberste (bin mir nicht ganz sicher) geladen, welche im Ordner product_info liegt.

Alles hier drumherum ist zuständig für die Beschreibung:

{$PRODUCTS_DESCRIPTION}

und alles was mit Bild zu tun hat fängt da an:

{if $PRODUCTS_IMAGE!=''}

Mach am besten folgendes: kopiere Dir die product_info_tabs_v1.html als product_info_tabs_v2.html wähle die bei einem Produkt Deiner Wahl im Admin als Template Vorlage und dann probiere aus bis nix mehr geht, dann kannst Du bei diesem Produkt die product_info_tabs_v1.html wählen und alles bleibt wie es ist, danach kannst Du mit einer neuen Kopie wieder anfangen zu probieren, so machste nüscht kaputt. 

Oma Edit sagt: es empfiehlt sich allerdings bei allen Produkten auch eine entsprechende Template Vorlage ala product_info_tabs_v1.html auszuwählen, das spart später viel Ärger, wie das allerdings mit Wawi geht entzieht sich meiner Kenntnis.

Gruß

[Timm]

Wähl doch beim Produkt einfach die product_tabs_v1.html aus. Dann hast du erst die Beschreibung und drunter die Bilder in einem extra Tab. Da musst du gar nichts an der Datei ändern.

Wenn doch, dann ist der Tipp mit der Kopie natürlich sinnvoll.

Wenn du dir sicher bist immer dieselbe Vorlage zu benutzen, dann kannst du die anderen beiden auch aus dem Ordner löschen. Dann ist diese auch immer ausgewählt, wenn als Vorlage nichts ausgewählt ist und in dem Feld bitte wählen steht. Dann muss man aber bei Updates aufpassen, dass man sich die anderen Vorlagen nicht wieder reinkopiert. Denn dann ginge es wieder nach Alphabet und bei den Produkten wo du bitte wählen zu stehen hast, würde wieder die erste genommen. Kannst die product_tabs_v1.html auch umbenennen in product_tabs_v1.html. Dann sollte die auch immer die erste bleiben. Selbst bei einem versehentlichen einfügen der anderen Vorlagen bei einem Update.

Gruß Timm

[CHESSBASE]

Danke für Eure Mühen.
Bei mir ist es also standardmäßig die product_info_tabs_v1.html. Darin ich den Anfang und das Ende des Codes für die Produktbeschreibung gefunden, indem ich einfach Test eingetragen habe, abgespichert und dann gesehen habe, wo das Wort steht. Das hab ich so weiter gemacht, bis ein "Test" vor und ein "Test" dahinterstand. Und nachfolgenden Code habe ich dann an die entsprechende Stelle nach oben verschoben.

Code: PHP  [Auswählen]

<!-- Anfang Produktbeschreibung -->
        <div id="horizontalTab" class="card clearfix mb-3">
                <ul id="bs_tabs" class="nav nav-pills card-header" role="tablist">
                        {if $PRODUCTS_DESCRIPTION != ''}<li class="nav-item"><a class="nav-link" href="#prod_desc" role="tab" data-toggle="tab">{#description#}</a></li>{/if}
                        {if isset($MODULE_product_tags) && $MODULE_product_tags != ''}<li class="nav-item"><a class="nav-link" href="#prod_tags" role="tab" data-toggle="tab">{#products_tags#}</a></li>{/if}
                        {if $more_images|@count > 0}<li class="nav-item"><a class="nav-link" href="#more_images" role="tab" data-toggle="tab">{#more_images#}</a></li>{/if}
                        {if isset($MODULE_products_media) && $MODULE_products_media != ''}<li class="nav-item"><a class="nav-link" href="#prod_media" role="tab" data-toggle="tab">{#products_media#}</a></li>{/if}
                        {if isset($MODULE_products_reviews) && $MODULE_products_reviews != ''}<li class="nav-item"><a class="nav-link" href="#prod_reviews" role="tab" data-toggle="tab">{#products_reviews#}</a></li>{/if}
                        {if (isset($MODULE_cross_selling) && $MODULE_cross_selling != '') || (isset($MODULE_reverse_cross_selling) && $MODULE_reverse_cross_selling != '')}<li class="nav-item"><a class="nav-link" href="#cross_sell" role="tab" data-toggle="tab">{#cross_selling#}</a></li>{/if}
                        {if isset($MODULE_also_purchased) && $MODULE_also_purchased != ''}<li class="nav-item"><a class="nav-link" href="#also_pur" role="tab" data-toggle="tab">{#also_purchased#}</a></li>{/if}
                        {if isset($MODULE_products_category) && $MODULE_products_category != ''}<li class="nav-item"><a class="nav-link" href="#prod_cat" role="tab" data-toggle="tab">{#products_category#}</a></li>{/if}
                </ul>
                <div class="tab-content card-body">
                        {if $PRODUCTS_DESCRIPTION != ''}<div role="tabpanel" class="tab-pane active" id="prod_desc"><h4 class="detailbox">{#products_desc#}</h4><div itemprop="description">{$PRODUCTS_DESCRIPTION}</div></div>{/if}
                        {if isset($MODULE_product_tags) && $MODULE_product_tags != ''}<div role="tabpanel" class="tab-pane active" id="prod_tags">{$MODULE_product_tags}</div>{/if}
                        {if $more_images|@count > 0}
                                <div role="tabpanel" class="tab-pane active" id="more_images">
                                        <div class="pd_more_images row d-flex flex-wrap mb-2">
                                                <div class="col-3 d-flex justify-content-center align-items-center mb-2">
                                                        <a class="cbimages" title="{$PRODUCTS_NAME|onlytext}" href="#" data-image-id="1" data-toggle="modal" data-title="{$PRODUCTS_NAME|onlytext}" data-image="{$PRODUCTS_IMAGE|replace:"info_images":"popup_images"}" data-target="#modal">
                                                                <img class="unveil img-fluid d-block" itemprop="image" src="{$tpl_path}css/images/loading.gif" data-src="{$PRODUCTS_IMAGE|replace:"info_images":"thumbnail_images"}" alt="{$PRODUCTS_NAME|onlytext}" title="{$PRODUCTS_NAME|onlytext}" />
                                                        </a>
                                                        <noscript><a title="{$PRODUCTS_NAME|onlytext}" href="{$PRODUCTS_IMAGE|replace:"info_images":"popup_images"}"><img class="img-fluid" src="{$PRODUCTS_IMAGE|replace:"info_images":"thumbnail_images"}" alt="{$PRODUCTS_NAME|onlytext}" title="{$PRODUCTS_NAME|onlytext}" /></a></noscript>
                                                </div>
                                                {assign var=zaehl value=2}
                                                {foreach  key=i item=more_images_data from=$more_images}
                                                        {if $more_images_data.PRODUCTS_IMAGE != ''}
                                                                <div class="col-3 d-flex justify-content-center align-items-center mb-2">
                                                                        <a class="cbimages" title="{$PRODUCTS_NAME|onlytext}" href="#" data-image-id="{$zaehl}" data-toggle="modal" data-title="{$PRODUCTS_NAME|onlytext}" data-image="{$more_images_data.PRODUCTS_IMAGE|replace:"info_images":"popup_images"}" data-target="#modal">
                                                                                <img class="unveil img-fluid d-block" src="{$tpl_path}css/images/loading.gif" data-src="{$more_images_data.PRODUCTS_IMAGE|replace:"info_images":"thumbnail_images"}" alt="{$PRODUCTS_NAME|onlytext}" title="{$PRODUCTS_NAME|onlytext}" />
                                                                        </a>
                                                                        <noscript><a title="{$PRODUCTS_NAME|onlytext}" href="{$more_images_data.PRODUCTS_IMAGE|replace:"info_images":"popup_images"}"><img class="img-fluid" src="{$more_images_data.PRODUCTS_IMAGE|replace:"info_images":"thumbnail_images"}" alt="{$PRODUCTS_NAME|onlytext}" title="{$PRODUCTS_NAME|onlytext}" /></a></noscript>
                                                                </div>
                                        {assign var=zaehl value=$zaehl+1}
                                                        {/if}
                                                {/foreach}
                                        </div>
                                </div>
                        {/if}
                        {if isset($MODULE_products_media) && $MODULE_products_media != ''}<div role="tabpanel" class="tab-pane active" id="prod_media">{$MODULE_products_media}</div>{/if}
                        {if isset($MODULE_products_reviews) && $MODULE_products_reviews != ''}<div role="tabpanel" class="tab-pane active" id="prod_reviews">{$MODULE_products_reviews}</div>{/if}
                        {if isset($MODULE_cross_selling) && $MODULE_cross_selling != '' || (isset($MODULE_reverse_cross_selling) && $MODULE_reverse_cross_selling != '')}<div role="tabpanel" class="tab-pane active" id="cross_sell">{if isset($MODULE_cross_selling) && $MODULE_cross_selling != ''}{$MODULE_cross_selling}{/if}{if isset($MODULE_reverse_cross_selling) && $MODULE_reverse_cross_selling != ''}{$MODULE_reverse_cross_selling}{/if}</div>{/if}
                        {if isset($MODULE_also_purchased) && $MODULE_also_purchased != ''}<div role="tabpanel" class="tab-pane active" id="also_pur">{$MODULE_also_purchased}</div>{/if}
                        {if isset($MODULE_products_category) && $MODULE_products_category != ''}<div role="tabpanel" class="tab-pane active" id="prod_cat">{$MODULE_products_category}</div>{/if}
                </div>
        </div>
        {if $PRODUCTS_ADDED != ''}<p class="text-secondary text-center">{$PRODUCTS_ADDED}</p>{/if}
<!-- Ende Produktbeschreibung -->

Einziger Nachteil ist jetzt noch, dass die Breite des Beschreibungsfeldes nicht mehr die gleiche ist, wie sie unten war.
Also mich ich jetzt noch irgendwas in meine eigene css-Datei "meine_bs4.css" basteln, wie es aussieht.
Da wird die Suche noch dauern. Aber irgendwann werde ich das wohl finden.
LG
Valeri

[Timm]

Korrektur: In der product_info_tabs_v1.html sin nur die weiteren Bilder unten in einem Tab. Das erste ist weiterhin oben. Sorry.

Aber ich würde das nicht ändern. Ein Bild weckt immer mehr Interesse, als einen Text lesen zu müssen. Und wenn dem Kunden das Bild zusagt, wird er den Text schon lesen.

Gruß Timm

[CHESSBASE]

Hallo Timm,
im Grunde hast Du ja Recht. Bei mir sind es aber keine üblichen Produkte und es gibt auch viele, bei denen nur Texte stehen.
Daher sehe ich das in meinem Fall etwa anders, da die technischen Daten für die Kunden äußerst wichtg sind.
Aber wenn sich herausstellt, dass es anders doch besser ist, kann ich ja jederzeit umstellen.
Habe es jetzt übrigens mit der CSS auch hinbekommen und geh wieder online. Die ersten Bilder bei Schutz-Systemen sind
nun auch schon da. Hab auch eine riesen Firma an geschrieben, die aus der Produktion laufend Maschinen verkaufen.
Mal sehen, ob ich deren Bilder verwenden darf. Dauer ein paar Tage, bis die antworten können. So was geht immer bis ganz nach oben.
Gruß
Valeri

[CHESSBASE]

Hallo Timm!
Ich habe mir das noch mal durch den Kopf gehen lassen. Dass Bilder zuerst kommen müssen, ist verständlich.
Aber wenn etwas ohne Bild ist, sieht es auch blöd aus, wenn entweder diese No-Image dort steht oder dort nur eine weiße Lücke ist.
Wäre es zu viel Aufwand, wenn man das so macht, dass "mit Bildern Produktbeschreibung unten" und "ohne Bilder, Produktbeschreibung oben". Das ist wahrscheinlich zu aufwändig?
LG
Valeri

[Timm]

Ich kann dir da nicht helfen, da ich nicht programmieren kann. Sorry

Gruß Timm

[Tante Uschi]

ist doch kein Hexenwerk wenn Bild da dann so, das besagt ist der Wert PRODUCTS_IMAGE (!=) ungleich 0  (''), also gibt der Wert etwas zurück, dann mach das:

Code: PHP  [Auswählen]

{if $PRODUCTS_IMAGE != ''}mach dat{/if}

wenn kein Bild vorhanden, dann die Abfrage so:  ist der Wert PRODUCTS_IMAGE (==) gleich 0  (''), also gibt der Wert nichts zurück, dann mach das:

Code: PHP  [Auswählen]

{if $PRODUCTS_IMAGE == ''}mach dat{/if}

Gruß

[CHESSBASE]

@Tante Uschi:
genau so meinte ich das!
Weiß aber nur nicht, wie es weiter geht.
 

[Tante Uschi]

Wäre es zu viel Aufwand, wenn man das so macht, dass "mit Bildern Produktbeschreibung unten" und "ohne Bilder, Produktbeschreibung oben". Das ist wahrscheinlich zu aufwändig?

Das ist doch nun nicht so schwer zu verstehen, Du setzt einfach einmal oben und einmal unten die Produktbeschreibung hin und setzt das jeweils in diese If-Abfragen einmal mit und einmal ohne Bild.

Gruß

[CHESSBASE]

@tante uschi: Ich kann doch nicht programmieren! Ich weiß aber, wie du das meinst!
Ist aber jetzt erst mal zweitrangig. Ich lasse die Produktinfo erst mal oben, da es erst mal dauert, bis es mit den Bildern losgeht.
LG
Valeri

[Q]

An die product_info.php trau ich mich nicht dran.
Und eine product_info.html finde ich nicht.
...

P.S.: Ich glaub, es könnte die product_info_tabs_v1.html sein, merke ich gerade. Ich schau die mal an.

Hast Du einen zweiten Shop aufgesetzt in dem Du einfach mal testen und "spielen" kannst?  Wäre in Deinem Fall vielleicht von Vorteil und ich denke eine zweite DB wird in deinem Hosting-Paket schon drin sein!?!