Artikeldetailseite - Anordnung Eigenschaften Attribute

[SO5050]

Hallo,
ich benötige etwas Hilfe. Html ist bei mir schon 20 Jahre her. Da muss ich mich erst wieder einarbeiten.

Ich möchte die Artikeldetailseite für einen Konfigurator anpassen. Der Konfigurator besteht aus einer Kombination aus Eigenschaften und Attributen. Damit die Seite nicht endlos lang wird (Bilder) soll die Auswahl-Box der Attribute auf der Linken Seite unter den Artikel-Bildern stehen und die Attribute-Bilder unter dem Eigenschaftenbild bleiben.



Ich habe die Standard.html der "Vorlage für Artikeldetailseite" kopiert und in dieser Kopie die {$MODULE_product_options} unter die Thumbnails verschoben. Die Position ist wie gewünscht. Allerdings fehlt für die "Vorlage für Artikelattribute" die Formatierung.

                                                        <div class="thumbnail"><a href="{$thumbnails_data.INFO_IMAGE}" rel="{$thumbnails_data.ZOOM_IMAGE}" class="button_product_images button_lightbox_gallery {if $smarty.foreach.thumbnails.first} active_thumbnail{/if}" id="gallery_inside_thumbnail_{$smarty.foreach.thumbnails.iteration}" title="{$thumbnails_data.IMAGE_ALT|default:$thumbnails_data.PRODUCTS_NAME}"><img{$RICH_SNIPPET_ARRAY.product_itemprop_image} style="padding-left: {$thumbnails_data.PADDING_LEFT}px; padding-top: {$thumbnails_data.PADDING_TOP}px;" src="{$thumbnails_data.IMAGE}" alt="{$thumbnails_data.IMAGE_ALT|default:$thumbnails_data.PRODUCTS_NAME}" title="{$thumbnails_data.IMAGE_ALT|default:$thumbnails_data.PRODUCTS_NAME}" /></a></div>
                                                {/foreach}
                                        </div>
                                        {$MODULE_product_options}    <!-- attributemanü  -->
                                        {/if}
                                </div>
                                {if $MODULE_products_media != ''}
                                        {$MODULE_products_media}
                                {/if}

Ich habe div. Versuche unternommen die aber nicht funktioniert haben. Nixraff!
Gambio v2.1.2.1
Gruß Peter

[KlausK]

$MODULE_product_options lag ursprüglich im Bereich der Klassen "info clearfix" und "inside" und hatte demnach das entsprechende Format.
Jetzt hast du $MODULE_product_options aber in den Bereich der Klasse "thumbnails" geschoben.
Also greifen auch nur die in dieser Klasse notierten Formate.

Ich bin kein Webdesigner. Aber m.E. müsste es dann so funktionieren, wenn du die original Formatierung behalten willst:

					{if $thumbnails|@count > 1}
					<div class="thumbnails">
						{foreach name=thumbnails item=thumbnails_data from=$thumbnails}
							<div class="thumbnail"><a href="{$thumbnails_data.INFO_IMAGE}" rel="{$thumbnails_data.ZOOM_IMAGE}" class="button_product_images button_lightbox_gallery {if $smarty.foreach.thumbnails.first} active_thumbnail{/if}" id="gallery_inside_thumbnail_{$smarty.foreach.thumbnails.iteration}" title="{$thumbnails_data.IMAGE_ALT|default:$thumbnails_data.PRODUCTS_NAME}"><img{$RICH_SNIPPET_ARRAY.product_itemprop_image} style="padding-left: {$thumbnails_data.PADDING_LEFT}px; padding-top: {$thumbnails_data.PADDING_TOP}px;" src="{$thumbnails_data.IMAGE}" alt="{$thumbnails_data.IMAGE_ALT|default:$thumbnails_data.PRODUCTS_NAME}" title="{$thumbnails_data.IMAGE_ALT|default:$thumbnails_data.PRODUCTS_NAME}" /></a></div>
						{/foreach}
					</div>
					{/if}
			<div class="info clearfix">
				<div class="inside">
					{$MODULE_product_options}
				</div>
			</div>

[SO5050]

@KlausK,
das hatte ich auch schon probiert. Habs nochmal ausgiebig getestet.
- Die Attribute-Box ist dann links unter den Thumbnails wie gewünscht.
- Die Attribute-Box ist richtig formatiert
Aber:
alle folgenden Elemente, die sonst rechts waren sind dann links unter der Attribute-Box.

Es fehlt ja nur die Formatierung. Das muss man doch zuweisen können.
Gruß Peter

[SO5050]

...das {$MODULE_product_options} in einen DIV-Container packen löst das Problem.
Das hatte ich ja auch ausprobiert, aber da war wohl ein Fehler drin.

Ich danke Dir!
Gruß Peter

Beitrag kann als gelöst markiert werden.