Erweiterung der product_info_tabs in modified eCommerce Shopsoftware 1.05?

[mikel123]

Hallo allesamt,
mal eben 10 Tage im Urlaub gewesen schon gibt's 'nen Shop-Upgrade. 
die neu Tab-Geschichte in der Produkt-Ansicht finde ich sehr gelungen. 

Nun meine Frage, ließe sich das ganze um einen TAB erweitern, z.B. "Info",(oder frei definierbar) möchte gerne meinen Kunden die Katalogseite als PDF zum Download anbieten, würde optisch als TAB besser aussehen wie ein zusätzlich reingebastelter Button. 

gruß

Michael



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

[Tomcraft]

Ja klar geht das. Dazu musst du doch wirklich nur mal die "product_info_tabs_v1.html" öffnen und verstehen lernen.

Ist doch bestens kommentiert:

Code: PHP  [Auswählen]

[...]
{*BEGIN TABS*}
<div id="tabbed_product_info">

<ul>
        {if $PRODUCTS_DESCRIPTION !=''}<li><a href="#tab_description">{#description#}</a></li>{/if}
        {if $MODULE_cross_selling != '' || $MODULE_reverse_cross_selling != ''}<li><a href="#tab_cross_selling">{#cross_selling#}</a></li>{/if}
        {if $MODULE_also_purchased != ''}<li><a href="#tab_also_purchased">{#also_purchased#}</a></li>{/if}
        {if $MODULE_products_reviews != ''}<li><a href="#tab_reviews">{#products_reviews#}</a></li>{/if}
        {if $MODULE_products_media != ''}<li><a href="#tab_media">{#products_media#}</a></li>{/if}
        {if $more_images|@count> 0}<li><a href="#tab_more_images">{#more_images#}</a></li>{/if}
</ul>

{if $PRODUCTS_DESCRIPTION !=''}<div id="tab_description">{$PRODUCTS_DESCRIPTION}</div>{/if}
{if $more_images|@count> 0}<div id="tab_more_images">
        <!-- More Pictures -->
        <div class="morepics">
        {foreach item=more_images_data from=$more_images}
                <a class="thickbox" rel="{$PRODUCTS_ID}" title="{$PRODUCTS_NAME}" href="{$more_images_data.PRODUCTS_IMAGE|replace:"info_images":"popup_images"}"><img align="left" src="{$more_images_data.PRODUCTS_IMAGE}" alt="{$PRODUCTS_NAME}" /></a>
        {/foreach}
        </div>
        <div style="clear:both;"></div>
        </div>
{/if}
{if $MODULE_products_media != ''}<div id="tab_media">{$MODULE_products_media}</div>{/if}
{if $MODULE_products_reviews != ''}<div id="tab_reviews">{$MODULE_products_reviews}</div>{/if}
{if $MODULE_cross_selling != '' || $MODULE_reverse_cross_selling != ''}<div id="tab_cross_selling">{$MODULE_cross_selling}{if $MODULE_reverse_cross_selling != ''}{$MODULE_reverse_cross_selling}{/if}</div>{/if}
{if $MODULE_also_purchased != ''}<div id="tab_also_purchased">{$MODULE_also_purchased}</div>{/if}

</div>
{*END TABS*}
[...]

Grüße

Torsten

[mikel123]

Jo danke,

heut morgen hat der Einbau geklappt, gestern Abend ging das irgendwie nicht, hmm, war wohl zu spät
oder ein Bier zuviel  

[Tomcraft]

Oder der Templatecache hat dich einfach geärgert.

Abhilfe schafft im Adminbereich unter "Erweiterte Konfiguration" -> "Cache Optionen" -> "Templatecache leeren" klicken.

Grüße

Torsten

[gar85]

Hallo,

die Tabs sind eine wunderbare Ergänzung. Toll gemacht.
und nun kommt das berühmte ABER
ich denke schon schon wieder weiter, wie ich was damit darstellen kann:

Wir bieten Textilien an und dafür habe ich bisher über den Contentmanager eine HTML-Datei "Pflege" erstellt und als allgemeine Datei in der Box "Informationen" angeboten. Mit einem Tab könnte man diese Info aber produktbezogen zur Verfügung stellen.

Dazu fallen mir 2 Lösungswege ein:

1) In der Artikelverwaltung wird ein zusätzliches Beschreibungsfeld erstellt (bei der Pflege recht aufwendig, weil man den Text komplett reinschreiben muss / wiederholt sich bei vielen Produkten)

2) In der Artikelverwaltung wird ein Dropdownfeld sprachbezogen eingebaut und die Pflegeanweisung als HTML-Datei ausgwählt. Für den User müsste dann der HTML-Text im Tab lesbar sein.

Allerdings habe ich noch keine Vorstellung, wie ich es programmtechnisch anpacken soll. Das Dropdownfeld sollte die kleinste Hürde sein, aber wo muss man überall einen neuen TAB anlegen? bzw. eine neue Variable. Wie kann man einen HTML-Text im Tab sichtbar machen?

Schönen Gruß aus München

[beBerlin]

Ja klar geht das. Dazu musst du doch wirklich nur mal die "product_info_tabs_v1.html" öffnen und verstehen lernen.

Ist doch bestens kommentiert:

Code: PHP  [Auswählen]

[...]
{*BEGIN TABS*}
<div id="tabbed_product_info">

<ul>
        {if $PRODUCTS_DESCRIPTION !=''}<li><a href="#tab_description">{#description#}</a></li>{/if}
        {if $MODULE_cross_selling != '' || $MODULE_reverse_cross_selling != ''}<li><a href="#tab_cross_selling">{#cross_selling#}</a></li>{/if}
        {if $MODULE_also_purchased != ''}<li><a href="#tab_also_purchased">{#also_purchased#}</a></li>{/if}
        {if $MODULE_products_reviews != ''}<li><a href="#tab_reviews">{#products_reviews#}</a></li>{/if}
        {if $MODULE_products_media != ''}<li><a href="#tab_media">{#products_media#}</a></li>{/if}
        {if $more_images|@count> 0}<li><a href="#tab_more_images">{#more_images#}</a></li>{/if}
</ul>

{if $PRODUCTS_DESCRIPTION !=''}<div id="tab_description">{$PRODUCTS_DESCRIPTION}</div>{/if}
{if $more_images|@count> 0}<div id="tab_more_images">
        <!-- More Pictures -->
        <div class="morepics">
        {foreach item=more_images_data from=$more_images}
                <a class="thickbox" rel="{$PRODUCTS_ID}" title="{$PRODUCTS_NAME}" href="{$more_images_data.PRODUCTS_IMAGE|replace:"info_images":"popup_images"}"><img align="left" src="{$more_images_data.PRODUCTS_IMAGE}" alt="{$PRODUCTS_NAME}" /></a>
        {/foreach}
        </div>
        <div style="clear:both;"></div>
        </div>
{/if}
{if $MODULE_products_media != ''}<div id="tab_media">{$MODULE_products_media}</div>{/if}
{if $MODULE_products_reviews != ''}<div id="tab_reviews">{$MODULE_products_reviews}</div>{/if}
{if $MODULE_cross_selling != '' || $MODULE_reverse_cross_selling != ''}<div id="tab_cross_selling">{$MODULE_cross_selling}{if $MODULE_reverse_cross_selling != ''}{$MODULE_reverse_cross_selling}{/if}</div>{/if}
{if $MODULE_also_purchased != ''}<div id="tab_also_purchased">{$MODULE_also_purchased}</div>{/if}

</div>
{*END TABS*}
[...]

Grüße

Torsten

ich habe aber kein Plan wie ich das erweitern soll.
Und wenn ich das erweitert habe, wo trage ich dann den Inhalt ein?

[Tomcraft]

Grundkonstrukt der Tabs:

Code: PHP  [Auswählen]

{*BEGIN TABS*}
<div id="tabbed_product_info">

<ul>
    {if $INHALT !=''}<li><a href="#tab_name_inhalt">{#name_inhalt#}</a></li>{/if}
</ul>

{if $INHALT !=''}<div id="tab_name_inhalt">{$INHALT}</div>{/if}

</div>
{*END TABS*}

Jetzt musst du wissen, was du da einfügen willst.

Grüße

Torsten

[AllyG]

Die Grundstruktur ist ja klar, allerdings sehe ich da, glaube ich, wie viele das Problem, wie man einen neuen Tab im Admin Bereich anwählen kann.

Ich z.B. möchte einen Tab für Videos machen und möchte da ein Eingabefeld in der Artikelbeschreibung haben.

Da wird das Ganze, glaube ich, nicht mehr so einfach.

[beBerlin]

ja genau.
das mit dem admin Menü interessiert mich auch.
wo füge ich die gewünschten Inhalte des Tabs ein.

[Tomcraft]

Eine derartige Tab-Erweiterung ist in modified eCommerce Shopsoftware nicht vorgesehen, kann aber bei web28 käuflich erworben werden.

Grüße

Torsten

[AllyG]

Ich bin mir sicher hier bezüglich dieses Themas mal eine Anleitung gefunden zu haben. Der Kollege hat das ganze so geregelt, dass die einzelnen Tabs im Admin-Bereich mit neuen Texteingabefenstern angesteuert werden konnten.

Leider hab ich Depp mir diese Seite nicht gespeichert und Suche jetzt schon seit einer Woche danach.

Kann auch sein, dass es da um was anderes ging bin aber sehr sicher, dass es um die Tabs ging.

In letzter Instanz greif ich natürlich auf web28 zurück, da wir diese Funktion für Produktvideos unbedingt haben wollen.

[AllyG]

So wir haben uns jetzt das Modul von web28 einrichten lassen und ich kann es jedem nahelegen, der unbedingt mehr Tabs will.

Läuft super.

[Shoryuken]

Hallo,

wo finde ich denn die CSS Einträge für:

Code: PHP  [Auswählen]

<div id="tabs">

In der "stylesheet.css" ist nichts zu sehen.

[jonnyB]

Dies findest du in der "jquery-ui.css".

[Shoryuken]

Haha, muss man erstmal finden - danke. 

Hat soweit alles geklappt, aber ich plane ein Tab "Fragen zum Angebot?" und müsste dementsprechend ein Tab "nur" verlinken, dass der Kunde beim Klick darauf zu einer anderen Seite gelangt. Hab etwas rumexperimentiert, schaff es leider nicht.