Unterkategorien Fenster für Produkte ansehen mit Bilder

joseba · April 16, 2021, 2:49pm

Hallo, als ich die Module e ComStyle.de: MultiNavi-WaveTheme habe, kann ich kategorien bis Viertel eben habe. Ich möchte habe wie das Bild aussiehst,

aber in der Driete ebene…mit Firefox habe gesehen, dass das Fenter werden gebaut mit bootstrap

<div class="col-12 col-sm-3">
                            <div class="card-wrapper">
                                <div class="card">
                                    <div class="card-header">

Ich habe zwei frage,

1 - Ich habe gesehe das auf der Driete ebene bekommt auch diesen Fenster, aber ich möchte dieses Fenster große zu bekomme, gibt es die möglichkeit bauen dieses Fenster in Artikel Verwalten > kategorien > Langtext ?

2 - Kann ich aderiert drinnen vom Fenster ein Bild ?

rubbercut · April 16, 2021, 3:21pm

Wende Dich an den Anbieter.

joseba · April 16, 2021, 3:24pm

Danke für deine antwort!

Wende Dich an den Anbieter.

meinst du an e ComStyle.de: MultiNavi-WaveTheme?

rubbercut · April 16, 2021, 3:38pm

Nein, ebay.com

joseba · April 17, 2021, 10:44am

so, ich habe ein E-mail an e ComStyle.de geschickt, aber als bis Montag keine antwortet wird bekomme, ich mache weiter…

Die datei wird die datei list.tpl die in Application/views/oxid/tpl/page/list liegt , geruft…

ich habe eine kopie von diese datei gemacht, und habe hallo.tpl genannt…dann in Verwalten > kategorien > Stamm gibt die möglichkeit, andere template datei zu rufen, ich schreibe hallo.tpl,

dann tmp Verzeichniss leer gemach, und bekommt diese fenster,

das ist, andere seite…wenn sollte gleiche wie die list.tpl Datei bekommt…

Meine frage…warum nicht bekommt die hallo.tpl datei ?

joseba · April 17, 2021, 12:38pm

Ich habe die losung für diesen probleme gefunde…das Probleme war, wie ich verstande habe…, in Hilfe starten, sagt

Der Eintrag page/list/mylist.tpl

und ich habe verstand

/list/mylist.tpl

Die losung ist wie sie sagen, page/list/hallo.tpl

in der Code hallo.tpl habe gelöst was ruft den Fenster Produkte ansehen, jetzt möchte ich versuche in Langtext selbst zwei Fenter mit den Bilder bauen, die verbinden beiden Links…

indianer3c · April 19, 2021, 7:33am

Wenn ich mir das Modul MultiNavi | OXID eShop Multilevel-Topnavigation | eComStyle.de angucke und mir in der Beschreibung die Features durchlese. Haben Deine Anforderungen nichts mit dem Modul zu tun.

Dies kannst Du in Deinem Theme anpassen wie Du magst.
Auch dies kannst Du in Deinem Theme anpassen wie Du es möchtest.

ps. Der Link comstyle.de ist falsch oben bei Dir… es muss ecomstyle.de lauten.

indianer3c · April 19, 2021, 7:45am

Dies hat mit der Vererbungslogik bei OXID eShop zu tun. Du bist an der falschen Stelle…

In der Datei tpl/page/list/list.tpl wird das jeweilige Widget includiert https://github.com/OXID-eSales/wave-theme/blob/master/tpl/page/list/list.tpl#L134 und die Template Datei list.tpl verweist wiederum auf eigene Widgets (gird, infogrid und line) https://github.com/OXID-eSales/wave-theme/blob/master/tpl/widget/product/list.tpl#L66

Die Einstellungsmöglichkeit erwartet eine Template Datei die dem OXID eShop Framework z.B. erst über ein Modul bekannt gemacht werden muss templates — OXID eShop developer documentation 6.2.0 documentation

indianer3c · April 19, 2021, 7:48am

Wo hast Du Hilfe starten genutzt?

Wo genau hast dies nachgelesen?

Deine Anforderung habe ich noch nicht verstanden.

joseba · April 19, 2021, 9:37am

Erste viel danke für deine Antwort!

Wo hast Du Hilfe starten genutzt?

ganz Unten

Wo genau hast dies nachgelesen?

Wo sagt,

Alternatives Template
Im OXID eShop könnte jede Kategorie ein anderes Erscheinungsbild haben. Um bestimmte Kategorien anders als alle anderen im Shop zu präsentieren, kann ein eigenes Template zugewiesen werden. Tragen Sie hier dessen Pfad und Namen ein. Die Pfadangabe ist relativ zum Templateverzeichnis des verwendeten Themes.
Beispiel: Der Eintrag page/list/mylist.tpl würde beim Theme „Flow“ das Template mylist.tpl aus dem Verzeichnis /application/views/flow/tpl/page/list aufrufen.

Deine Anforderung habe ich noch nicht verstanden.

Meine Idee…

In Verwalten > kategorien > Langtext gibt es die möglichkeit bauen eine Seite…, mit der hallo.tpl Datei, habe geschaft bekommt wie der list.tpl, aber ohne die Fenster Produkte ansehen,

Beispiel wie bekommt mit der seite list.tpl,

Wie bekommt mit der hallo.tpl datei, auf der hallo.tpl datei, habe der code gelost , der Produkte ansehen Fenster ruft, in Verwalten > kategorien > Langtex habe bis jetzt habe gemacht so…

Was jetzt versuche…das Bild verbinden in Verwalten > kategorien > Langtex mit der andere Link Haus-und-Dekor/Schreibtisch/Lokta-Papier-zum-Schreiben-und-Verpacken/Lokta-schreibe/ . Mir fällt der code, wie der link ruft…

ich versuche mit,

<div class="bilder-lokta-link">
 [{if $iconUrl}]
 <a href="[{$category->getLink()}]">
   <img style="max-width: 100%; width: 25%;" src="[{$oViewConf->getMediaUrl()}]Cardstock-Deckle-  Edge.jpg" data-filename="Cardstock-Deckle-Edge.jpg" data-filepath="//localhost/oxid/source /out/pictures/ddmedia/Cardstock-Deckle-Edge.jpg" data-source="media" class="dd-wysiwyg-media- image">
   </a><br>
[{else}]
      <a href="[{$category->getLink()}]" class="btn btn-block btn-info">[{oxmultilang ident="DD_LIST_SHOW_MORE" suffix="ELLIPSIS"}]</a>
                                        [{/if}]

</div>

aber ohne erfolg…bekommt fehler…

rubbercut · April 19, 2021, 10:25am

Das wird nicht funktionieren. Es sei denn, Du hast ne eigene Funktion geschrieben.

joseba · April 19, 2021, 11:11am

danke für antwortet!

Was würdest du mich empfiehlt um nicht dise probleme zu bekommen ?

indianer3c · April 19, 2021, 11:57am

Du musst an dieser Stelle dann laut der Hilfe Registerkarte Stamm — OXID eShop 6.2 | Anwenderdokumentation auch den relativen Pfad zu Deiner Template Datei hallo.tpl angeben.

Die Pfadangabe ist relativ zum Templateverzeichnis des verwendeten Themes.

Ja genau, Deinem Fall page/list/hallo.tpl

Kurze Zusammenfassung

Du hast die Datei page/list/list.tpl https://github.com/OXID-eSales/wave-theme/blob/master/tpl/page/list/list.tpl kopiert
Die kopierte Datei page/list/list.tpl als page/list/hallo.tpl neu angelegt
Du hast unter Alternatives Template bei einer Deiner Kategorien page/list/hallo.tpl eingetragen
Du hast nun begonnen die Datei page/list/hallo.tpl anzupassen

Du möchtest nun wissen wie Du auf der Hauptkategorie Seite wo die Unterkategorien angezeigt werden, der Link für die Unterkategorie hinterlegt wird?

Die Logik aus der Ursprungsdatei page/list/list.tpl bleibt doch nachdem Du diese kopiert hast erhalten. Du hättest doch nur für die Unterkategorien die Langbeschreibung sichtbar machen müssen um Dein Ziel zu erreichen.

Ausserdem zeigt das Wave-Theme unter https://github.com/OXID-eSales/wave-theme/blob/master/tpl/page/list/list.tpl#L82 bereits Vorschaubilder von Unterkategorien an, wenn ein Icon-Bild bei der jeweiligen Unterkategorie vorliegt.

Dein Ziel nur vor dem Icon noch die Langbeschreibung der Unterkategorie mit auszugeben.

indianer3c · April 19, 2021, 12:07pm

Komme langsam dahinter was Du möchtest.

Du möchtest über die Kategorie Langbeschreibung die Größe ändern. Oder?

Nein, dies wäre nicht möglich.

Besser wäre es dort mit CSS zu arbeiten und Du kannst über Dein Vorgehen mit dem alternativen Template noch die Langbeschreibung bei Unterkategorien mit ausgeben lassen. Dies ein Zusammenspiel zwischen Template Logik und Template Design.

Ja, du kannst ein Bild mit anzeigen lassen. Im Wave-Theme ist dies über das hinterlegte Icon-Bild der Unterkategorie möglich.

joseba · April 19, 2021, 12:11pm

ja, ich habe die Datei list.tpl in hallo.tpl kopiert, dan alles was ruf dem Fenster Produkte Ansehen, gelöst, von Zeile 75 bis 110.

Diese stück habe gelöst von der datei list.tpl in meine hallo.tpl datei, der rest in hallo.tpl, bleibt gleiche wie list.tpl…

<div class="col-12 col-sm-3">
       <div class="card-wrapper">
             <div class="card">
                   <div class="card-header">
                        <a id="moreSubCat_[{$smarty.foreach.MoreSubCat.iteration}]" href="[{$category->getLink()}]">[{$category->oxcategories__oxtitle->value}]</a>[{if $oView->showCategoryArticlesCount() && ($category->getNrOfArticles() > 0)}] ([{$category->getNrOfArticles()}])[{/if}]
                    </div>
                       <div class="card-body">
                             [{if $iconUrl}]
                                  <a href="[{$category->getLink()}]">
                                     <img src="[{$oViewConf->getImageUrl('spinner.gif')}]" data-src="[{$category->getIconUrl()}]" alt="[{$category->oxcategories__oxtitle->value}]" class="img-fluid subcat-icon">
                                  </a>
                               [{else}]
                                    <a href="[{$category->getLink()}]" class="btn btn-block btn-info">[{oxmultilang ident="DD_LIST_SHOW_MORE" suffix="ELLIPSIS"}]</a>
                                [{/if}]

                                [{if $category->getHasVisibleSubCats()}]
                                        <hr/>
                                         <ul class="list-unstyled">
                                              [{foreach from=$category->getSubCats() item=subcategory}]
                                                 [{if $subcategory->getIsVisible()}]
                                                    [{foreach from=$subcategory->getContentCats() item=ocont name=MoreCms}]
                                                       <li>
                                                          <a href="[{$ocont->getLink()}]"><strong>[{$ocont->oxcontents__oxtitle->value}]</strong></a>
                                                        </li>
                                                        [{/foreach}]
                                                        <li>
                                                            <a href="[{$subcategory->getLink()}]">[{$subcategory->oxcategories__oxtitle->value}]</a>[{if $oView->showCategoryArticlesCount() && ($subcategory->getNrOfArticles() > 0)}]&nbsp;([{$subcategory->getNrOfArticles()}])[{/if}]
                                                        </li>
                                                    [{/if}]
                                                [{/foreach}]
                                            </ul>
                                        [{/if}]
                                    </div>
                                </div>
                            </div>
                        </div>
                    [{/if}]

joseba · April 19, 2021, 12:44pm

ich habe bemerke das mit diesem code in list.tpl, ruft der Unterkategorie,

<a id="moreSubCat_[{$smarty.foreach.MoreSubCat.iteration}]" href="[{$category->getLink()}]">[{$category->oxcategories__oxtitle->value}]</a>[{if $oView->showCategoryArticlesCount() && ($category->getNrOfArticles() > 0)}] ([{$category->getNrOfArticles()}])[{/if}]

diesen stuck ruf der link

[{$category->oxcategories__oxtitle->value}]

Meine frage, was kann ich mache um der Link in meine Bilder funzioniert, welcher code ich brauche ?

rubbercut · April 19, 2021, 1:17pm

Kategoriebild:

 <a href="[{$category->getLink()}]">
             <img alt="Test" src="[{$category->getIconUrl()}]"
             width=100" height="168">
          </a>

oder Artikelbilder?

joseba · April 19, 2021, 1:35pm

danke!

Bild von kategorie…aber mit diesen Code, kann ich zwei Bilder postet ?

rubbercut · April 19, 2021, 1:44pm

???
D.h. Du siehst 2 Bilder? Bist vielleichtt im foreach ?

Oder möchtest Du 2 Bilder sehen?

joseba · April 19, 2021, 1:50pm

ja, meine idea ist, habe zwei Bilder in Lokta-Papier zum Schreiben und Verpacken Kategorie, eine von diesen Bild wird verbinden Lokta-Schreibe, den andre Bild wird Lokta-Verpacken

Beispiel…