Thema: Hilfe bei "MODUL: Attribute mit Grafiken" in Tabs setzen

luckybaron · **am:** 08. Januar 2011, 18:43:41

Ich versuche die Attribute aus "MODUL: Attribute mit Grafiken" in Tabs zu setzen.
Der Code aus der table_listing_attributes.html sieht im moment so aus

Code: PHP [Auswählen]

{*BEGIN TABS*}
<div id="tabbed_attributes">
<ul>
{if $options!=''}
<table width="100%" border="0" cellpadding="0" cellspacing="0">
{foreach name=outer item=options_data from=$options}
<li><a href="#{$options_data.NAME}{$options_data.ID}">{$options_data.NAME}</a></li>
</ul>
{php}
$count=0;
{/php}
{foreach key=key_data item=item_data from=$options_data.DATA}

<tr>
<td class="main" width="15" style="border-bottom:1px solid #dddddd;">
<div id="{$options_data.NAME}{$options_data.ID}">
{php}
$count++;
if ($count==1) {
{/php}

<input type="radio" name="id[{$options_data.ID}]" value="{$item_data.ID}" checked="checked" />
{php}
} else {
{/php}
<input type="radio" name="id[{$options_data.ID}]" value="{$item_data.ID}" />
{php}
}
{/php} </td>

<td class="main" style="border-bottom:1px solid #dddddd;" width="5%">{if $item_data.IMAGE}<img src="{$item_data.IMAGE}" alt="{$item_data.TEXT}" />{/if}</td>
<td class="main" style="border-bottom:1px solid #dddddd;" valign="top"><div style="margin-left:5px;"><strong>{$item_data.TEXT}</strong><br />
{$item_data.DESCRIPTION}</div></td>
</div>
<td align="right" class="main" style="border-bottom:1px solid #dddddd;" valign="top">{if $item_data.PRICE}{$item_data.PREFIX}{$item_data.PRICE}{/if}</td>
</tr>
{/foreach}
{/foreach}

</table>
{/if}
</div>
{*END TABS*}

Wie es aussieht seht ihr hier

Tab "Farbe":

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

Tab "Größe":

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

Wäre echt super, wenn ihr mir einen Tipp geben könntet wo ich ansetzen muss.

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

h-h-h · **Antwort #1 am:** 09. Januar 2011, 04:05:45

Da hast Du Dir was schweres vorgenommen.
Es kann natürlich sein das irgendwas auf einmal richtig dargestellt wird.
Doch auf diese Art wirst Du es nicht sauber und vernünftig lösen können.
Es Bedarf ein bisschen PHP oder eines Smarty-Expertens bzw. einer guten Idee.

Das einzig Sinnvolle scheint mir eine extra Schleife für die Tab-Namen/Links.

Schönen Gruß

h-h-h

franky_n · **Antwort #2 am:** 09. Januar 2011, 08:52:59

Hallo luckybaron,

wenn dann könntest Du das höchstens mal so probieren:

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}
{if $options!=''}{foreach name=outer item=options_data from=$options}<li><a href="#option_{$options_data.ID}">{$options_data.NAME}</a></li>{/foreach}{/if}
</ul>

{if $PRODUCTS_DESCRIPTION !=''}<div id="tab_description">{$PRODUCTS_DESCRIPTION}{else}<div style="visibility:hidden">{$PRODUCTS_DESCRIPTION}</div>{/if}
{if $more_images|@count> 0}
<div id="tab_more_images">

<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}
{if $options!=''}
{foreach name=outer item=options_data from=$options}
{foreach key=key_data item=item_data from=$options_data.DATA}
<div id="option_{$options_data.ID}">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<td class="main" width="15" style="border-bottom:1px solid #dddddd;">
<input type="radio" name="id[{$options_data.ID}]" value="{$item_data.ID}" />
</td>
<td class="main" style="border-bottom:1px solid #dddddd;" width="5%">
{if $item_data.IMAGE}<img src="{$item_data.IMAGE}" alt="{$item_data.TEXT}" />{/if}
</td>
<td class="main" style="border-bottom:1px solid #dddddd; margin-left:5px;" valign="top">
<strong>{$item_data.TEXT}</strong><br />{$item_data.DESCRIPTION}
</td>
<td align="right" class="main" style="border-bottom:1px solid #dddddd;" valign="top">
{if $item_data.PRICE}{$item_data.PREFIX}{$item_data.PRICE}{/if}
</td>
</table>
</div>
{/foreach}
{/foreach}
{/if}
</div>
{*END TABS*}

Viele Grüße

Franky

luckybaron · **Antwort #3 am:** 09. Januar 2011, 10:22:35

Das sieht schon mal nicht schlecht aus Franky_n , nur leider schmeist er erstmal alle ausgaben in ein Tab, und im zweiten Tab nimmt er nur die erste Position raus. Ich denke mal das man es mit einer Schleife lösen könnte. Werd mal weiter testen. Hab nochmal zwei Pics angehängt wie es aussieht.

Zitat von: h-h-h am 09. Januar 2011, 04:05:45

Da hast Du Dir was schweres vorgenommen.
[...]

Stelle mich gern neuen Herausforderungen, lieber solchen, als bei irgendwelchen Ego-Shootern zu verblöden.

Zitat von: h-h-h am 09. Januar 2011, 04:05:45

[...]
Es Bedarf ein bisschen PHP oder eines Smarty-Expertens bzw. einer guten Idee.
[...]

Die Idee ist schon da

und die Smarty Experten sind hier im Forum. Sicher hast du recht, das es etwas PHP benötigt wird. Setze mich aber schon seit ein paar Jahren mit Joomla (darf ich das sagen) auseinander und befasse mich schon mit PHP, doch sicher, also ganz sicher bin ich kein PHP Profi wie andere hier im Forum. Alles was ich bis jetzt PHP Technisch kann, ist halt nur "Learning by Doing" und vieleich auch etwas Copy&Past

da will ich auchmal ehrlich sein. Bin ja auch bereit zu lernen, hab mich natürlich schon auf der Smarty.net Seite umgesehen und nach Lösungen gesucht, doch innerhalb von 24 Stunden geht das eben nicht. Befasse mich eben erst ca. 1 Woche mit modified eCommerce Shopsoftware, man kann eben nicht Joomla mit modified eCommerce Shopsoftware vergleichen. Deshalb bin ich auch sehr froh und dankbar über jede hilfe bei meinen Vorhaben und sicher sind auch andere an so einer Lösung interessiert.

So genug erzählt zurück zum Thema.

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

franky_n · **Antwort #4 am:** 09. Januar 2011, 10:32:31

Hallo luckybaron,

probier mal folgendes.

Mach mal aus dem da:

Code: PHP [Auswählen]

{if $options!=''}
{foreach name=outer item=options_data from=$options}
{foreach key=key_data item=item_data from=$options_data.DATA}
<div id="option_{$options_data.ID}">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<td class="main" width="15" style="border-bottom:1px solid #dddddd;">
<input type="radio" name="id[{$options_data.ID}]" value="{$item_data.ID}" />
</td>
<td class="main" style="border-bottom:1px solid #dddddd;" width="5%">
{if $item_data.IMAGE}<img src="{$item_data.IMAGE}" alt="{$item_data.TEXT}" />{/if}
</td>
<td class="main" style="border-bottom:1px solid #dddddd; margin-left:5px;" valign="top">
<strong>{$item_data.TEXT}</strong><br />{$item_data.DESCRIPTION}
</td>
<td align="right" class="main" style="border-bottom:1px solid #dddddd;" valign="top">
{if $item_data.PRICE}{$item_data.PREFIX}{$item_data.PRICE}{/if}
</td>
</table>
</div>
{/foreach}
{/foreach}
{/if}

das:

Code: PHP [Auswählen]

{if $options!=''}
{foreach name=outer item=options_data from=$options}
<div id="option_{$options_data.ID}">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
{foreach key=key_data item=item_data from=$options_data.DATA}
<tr>
<td class="main" width="15" style="border-bottom:1px solid #dddddd;">
<input type="radio" name="id[{$options_data.ID}]" value="{$item_data.ID}" />
</td>
<td class="main" style="border-bottom:1px solid #dddddd;" width="5%">
{if $item_data.IMAGE}<img src="{$item_data.IMAGE}" alt="{$item_data.TEXT}" />{/if}
</td>
<td class="main" style="border-bottom:1px solid #dddddd; margin-left:5px;" valign="top">
<strong>{$item_data.TEXT}</strong><br />{$item_data.DESCRIPTION}
</td>
<td align="right" class="main" style="border-bottom:1px solid #dddddd;" valign="top">
{if $item_data.PRICE}{$item_data.PREFIX}{$item_data.PRICE}{/if}
</td>
</tr>
{/foreach}
</table>
</div>
{/foreach}
{/if}

Viele Grüße

Franky

luckybaron · **Antwort #5 am:** 09. Januar 2011, 10:53:45

Sauber Franky_n, es geht!! Du bist mein Held!

slope · **Antwort #6 am:** 13. Dezember 2012, 19:29:28

Hallo Zusammen!

Ich habe dieses MODUL: Attribute mit Grafiken (http://www.modified-shop.org/forum/index.php?topic=7584) laut dieser Anleitung hier in Tabs gesetzt, was soweit auch gut funktioniert! Vielen Dank dafür!

Diese Erweiterung habe ich dann noch mit dem MODUL: Attribute Price Updater (http://www.modified-shop.org/forum/index.php?topic=2122.0) kombiniert.

Nun habe ich allerdings in Firefox und in Opera einen Fehler entdeckt: ich rufe die Seite auf, wähle aus dem ersten Tab eine Option aus, der Price Updater zeigt den richtigen Preis an. Wechsel ich nun z. B in Tab2 und wähle dort eine Option aus, wird ein anderer Preis angezeigt, aber nicht der Richtige. Dies erfolgt erst nach dem zweiten Klick auf das Radio-Button. Irgendwie wird der Preisaufschlag zum Basispreis der Option aus Tab1 "im Speicher" behalten und dann bei Wechsel in Tab2 bei Wahl einer neuen Option zu dem dazugehörigen Preis addiert. Der Preis ist also immer genau um den Aufschlag der Option aus einem anderen Tab höher...sehr seltsames Vorgehensweise auf jeden Fall...

In den Browsern Google Chrome, Safari und sogar im IE9 funktioniert das wie gewünscht.

Ich bin mir auch nicht ganz sicher o ich hier richtig bin oder lieber im MODUL: Attribute Price Updater-Thread schreiben soll...

Für jeden Hinweis bin ich dankbar!

Thema: Hilfe bei "MODUL: Attribute mit Grafiken" in Tabs setzen

luckybaron

Hilfe bei "MODUL: Attribute mit Grafiken" in Tabs setzen

h-h-h

Hilfe bei "MODUL: Attribute mit Grafiken" in Tabs setzen

franky_n

Hilfe bei "MODUL: Attribute mit Grafiken" in Tabs setzen

luckybaron

Hilfe bei "MODUL: Attribute mit Grafiken" in Tabs setzen

franky_n

Hilfe bei "MODUL: Attribute mit Grafiken" in Tabs setzen

luckybaron

Hilfe bei "MODUL: Attribute mit Grafiken" in Tabs setzen

slope

Re: Hilfe bei "MODUL: Attribute mit Grafiken" in Tabs setzen

Teile Thema

Ähnliche Themen

Brauche Hilfe bei "MODUL: Attribute mit Grafiken"

"Intelligente Tabs" Modul im Admin installieren/aktivieren

Frage zu "Attribute editieren" und dem "zurück"-Button

Hilfe bei "info_smarty" und "module_smarty" erbeten