可选属性竖排改横排的做法【在商品详细页的】

2016-07-07 15:12 来源：www.chinab4c.com 作者：ecshop专家

列如竖排； 红色
绿色
黑色
改成横排；
红色绿色黑色

设置方法；
【1】找themes【2】你用的模板名【3】goods.dwt 【大概在193到228行】

代码是我做记号的复制粘贴就好；


<!-- {* 开始循环所有可选属性 *} -->
<li class="padd loop"> 【【【如果商品的可选属性是【竖排的】话，那就添加这个代码和下面的一个代码就会变【横排】的属性了】】

<!-- {foreach from=$specification item=spec key=spec_key} -->

<font style="font-size:12px;">{$spec.name}：</font>

<!-- {* 判断属性是复选还是单选 *} -->

<!-- {if $spec.attr_type eq 1} -->

<!-- {if $cfg.goodsattr_style eq 1} -->

<br />

<!-- {foreach from=$spec.values item=value key=key} -->

<label for="spec_value_{$value.id}">

<input type="radio" name="spec_{$spec_key}" value="{$value.id}" id="spec_value_{$value.id}" {if $key eq 0}checked{/if} />

<font style="font-size:12px;">{$value.label} [{if $value.price gt 0}{$lang.plus}{elseif $value.price lt 0}{$lang.minus}{/if} {$value.format_price|abs}] </font></label><br />

<!-- {/foreach} -->

<input type="hidden" name="spec_list" value="{$key}" />

<!-- {else} -->

<select name="spec_{$spec_key}" class="InputBorder">

<!-- {foreach from=$spec.values item=value key=key} -->

<option label="{$value.label}" value="{$value.id}">
<font style="font-size:12px;">
{$value.label} {if $value.price gt 0}{$lang.plus}{elseif $value.price lt 0}{$lang.minus}{/if}{if $value.price neq 0}{$value.format_price}{/if}</font></option>

<!-- {/foreach} -->

</select>

<br />

<input type="hidden" name="spec_list" value="{$key}" />

<!-- {/if} -->

<!-- {else} -->

<br />

<!-- {foreach from=$spec.values item=value key=key} -->

<label for="spec_value_{$value.id}">

<input type="checkbox" name="spec_{$spec_key}" value="{$value.id}" id="spec_value_{$value.id}" />

<font style="font-size:12px;">{$value.label} [{if $value.price gt 0}{$lang.plus}{elseif $value.price lt 0}{$lang.minus}{/if} {$value.format_price|abs}]</font> </label>

<br />

<!-- {/foreach} -->

<input type="hidden" name="spec_list" value="{$key}" />

<!-- {/if} -->
</li> 【【【添加】】】

<!-- {/foreach} -->

<!-- {* 结束循环可选属性 *} -

回答：
【【【【【上面我的代码放错地方了这个是正确的】】】】】】】】】】】

列如竖排；
红色
绿色
黑色
改成横排；
红色绿色黑色

设置方法；
【1】找themes【2】你用的模板名【3】goods.dwt 【大概在193到228行】

代码是我做记号的复制粘贴就好；


<!-- {* 开始循环所有可选属性 *} -->

<!-- {foreach from=$specification item=spec key=spec_key} -->
<li class="padd loop"> 【【【如果商品的可选属性是【竖排的】话，那就添加这个代码和下面的一个代码就会变【横排】的属性了】】
<font style="font-size:12px;">{$spec.name}：</font>

<!-- {* 判断属性是复选还是单选 *} -->

<!-- {if $spec.attr_type eq 1} -->

<!-- {if $cfg.goodsattr_style eq 1} -->

<br />

<!-- {foreach from=$spec.values item=value key=key} -->

<label for="spec_value_{$value.id}">

<input type="radio" name="spec_{$spec_key}" value="{$value.id}" id="spec_value_{$value.id}" {if $key eq 0}checked{/if} />

<font style="font-size:12px;">{$value.label} [{if $value.price gt 0}{$lang.plus}{elseif $value.price lt 0}{$lang.minus}{/if} {$value.format_price|abs}] </font></label><br />

<!-- {/foreach} -->

<input type="hidden" name="spec_list" value="{$key}" />

<!-- {else} -->

<select name="spec_{$spec_key}" class="InputBorder">

<!-- {foreach from=$spec.values item=value key=key} -->

<option label="{$value.label}" value="{$value.id}">
<font style="font-size:12px;">
{$value.label} {if $value.price gt 0}{$lang.plus}{elseif $value.price lt 0}{$lang.minus}{/if}{if $value.price neq 0}{$value.format_price}{/if}</font></option>

<!-- {/foreach} -->

</select>

<br />

<input type="hidden" name="spec_list" value="{$key}" />

<!-- {/if} -->

<!-- {else} -->

<br />

<!-- {foreach from=$spec.values item=value key=key} -->

<label for="spec_value_{$value.id}">

<input type="checkbox" name="spec_{$spec_key}" value="{$value.id}" id="spec_value_{$value.id}" />

<font style="font-size:12px;">{$value.label} [{if $value.price gt 0}{$lang.plus}{elseif $value.price lt 0}{$lang.minus}{/if} {$value.format_price|abs}]</font> </label>

<br />

<!-- {/foreach} -->

<input type="hidden" name="spec_list" value="{$key}" />

<!-- {/if} -->
</li> 【【【添加】】】

<!-- {/foreach} -->

<!-- {* 结束循环可选属性 *} -