Eigenschaftsauswahl überladen

Anonymous · 13. Juni 2021

Weiß jemand, warum ich keine Smarty-Blöcke aus der product_info_property_template_dropdowns.html (ehem. properties/selection_forms/dropdowns.html) überladen kann? Der Shop tut so als gäbe es die Überladung gar nicht.

Und btw, kann das was mit dem ganzen Datenmüll in der Original product_info_property_template_dropdowns.html zu tun haben, der auskommentiert ist? Eigentlich nicht, oder? Dies hier meine ich:

{*{if $smarty.foreach.foo.first}
<div class="option-group clearfix">
<label class="option-label">Model: <span class="selected-value">Selected value</span></label>
<div class="option-content">
<ul class="options-list">
{for $j=1 to 9}
<li>
{if $j == 1}
<a href="javascript:;" data-value="{$j}" class="active">
{else}
<a href="javascript:;" data-value="{$j}">
{/if}
<span style="background: #80b4a9;"></span>
</a>
</li>
{/for}
</ul>
<input type="hidden" name="prodOptionModel" class="hidden-input">
</div>
</div>
<div class="option-group clearfix">
<label class="option-label">Model: <span class="selected-value">Selected value</span></label>
<div class="option-content">
<ul class="options-list">
<li>
<a href="javascript:;" class="active">
<span>xs</span>
</a>
</li>
<li>
<a href="javascript:;">
<span>s</span>
</a>
</li>
<li>
<a href="javascript:;">
<span>m</span>
</a>
</li>
<li>
<a href="javascript:;">
<span>l</span>
</a>
</li>
<li>
<a href="javascript:;">
<span>xl</span>
</a>
</li>
<li>
<a href="javascript:;">
<span>xxl</span>
</a>
</li>
<li>
<a href="javascript:;">
<span>3xl</span>
</a>
</li>
</ul>
</div>
</div>
<div class="option-group clearfix">
<label class="option-label">Model: <span class="selected-value">Selected value</span></label>
<div class="option-content">
<ul class="options-list">
<li>
<a href="javascript:;" class="active">
<img class="img-responsive" src="(Link nur für registrierte Nutzer sichtbar.)">
</a>
</li>
<li>
<a href="javascript:;">
<img class="img-responsive" src="(Link nur für registrierte Nutzer sichtbar.)">
</a>
</li>
<li>
<a href="javascript:;" class="image-option">
<img class="img-responsive" src="(Link nur für registrierte Nutzer sichtbar.)">
</a>
</li>
<li>
<a href="javascript:;" class="image-option">
<img class="img-responsive" src="(Link nur für registrierte Nutzer sichtbar.)">
</a>
</li>
<li>
<a href="javascript:;" class="image-option">
<img class="img-responsive" src="(Link nur für registrierte Nutzer sichtbar.)">
</a>
</li>
<li>
<a href="javascript:;" class="image-option">
<img class="img-responsive" src="(Link nur für registrierte Nutzer sichtbar.)">
</a>
</li>
<li>
<a href="javascript:;" class="image-option">
<img class="img-responsive" src="(Link nur für registrierte Nutzer sichtbar.)">
</a>
</li>
<li>
<a href="javascript:;" class="image-option">
<img class="img-responsive" src="(Link nur für registrierte Nutzer sichtbar.)">
</a>
</li>
<li>
<a href="javascript:;" class="image-option">
<img class="img-responsive" src="(Link nur für registrierte Nutzer sichtbar.)">
</a>
</li>
<li>
<a href="javascript:;" class="image-option">
<img class="img-responsive" src="(Link nur für registrierte Nutzer sichtbar.)">
</a>
</li>
<li>
<a href="javascript:;" class="image-option">
<img class="img-responsive" src="(Link nur für registrierte Nutzer sichtbar.)">
</a>
</li>
</ul>
</div>
</div>
<style>
.option-group {
padding: 10px 0;
}
.option-group .option-label {
display: block;
margin-bottom: 16px;
margin-left: -6px;
font-weight: bold;
color: #000;
}
.option-group .option-label .selected-value {
font-weight: normal;
color: #6a6a6a;
}
.option-group .option-content {

}
.option-group .option-content .options-list {
margin: 0;
padding: 0;
list-style: none;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(39px, 1fr));
grid-gap: 16px;
}
.option-group .option-content .options-list li {
width: 40px;
}
.option-group .option-content .options-list li span {
display: block;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
text-transform: uppercase;
color: #333;
}
/*.option-group .option-content .options-list li {
float: left;
margin-right: 15px;
margin-bottom: 15px;
}
.option-group .option-content .options-list li:nth-child(6n+6) {
margin-right: 0;
}*/
.option-group .option-content .options-list a {
position: relative;
display: block;
box-shadow: 0 0 0 3px white;
}
.option-group .option-content .options-list a.active {
box-shadow: 0 0 0 3px white, 0 0 0 6px #80ba49;
}
...
Klicke in dieses Feld, um es in vollständiger Größe anzuzeigen.

Anonymous · 13. Juni 2021

Und wenn ich das ganze Auskommentierte rauslösche, dann bleiben viele Smarty-Blöcke ungeschlossen (also {/block} fehlt). Muss das so?

Shopversion 4.4.0.2 mit modifiziertem Malibu Theme.

Anonymous · 14. Juni 2021

Du mußt für alle Themes die Datei
modifier_group_type_dropdown.html
überladen.

Anonymous · 14. Juni 2021

Dickes Danke! Das hat geklappt.