Jump to content
Sign in to follow this  
Voring

Drop-down list - kolory

Recommended Posts

 

Hej, mam mały problem, w moich motywach chciałbym wyświetlić rozwijaną listę kolorów / tekstur.

Chciałbym, żeby wyglądało to tak: http://prntscr.com/mcwu07  

W panelu administracyjnym wybrałem listę rozwijaną Typ atrybutu: drop-down list

Niestety, nie mogę tego zmienić, ponieważ używam: Hide unavailable combinations - działa tylko z listami rozwijanymi. Mój kod:

   {if isset($groups)}
              <div class="product_attributes clearfix">
                <!-- attributes -->
                <div id="attributes">
                  <div class="clearfix"></div>
                  {foreach from=$groups key=id_attribute_group item=group}
                    {if $group.attributes|@count}
                      <fieldset class="attribute_fieldset">
                        <label class="attribute_label" {if $group.group_type != 'color' && $group.group_type != 'radio'}for="group_{$id_attribute_group|intval}"{/if}>{$group.name|escape:'html':'UTF-8'}&nbsp;</label>
                        {assign var="groupName" value="group_$id_attribute_group"}
                        <div class="attribute_list">
                          {if ($group.group_type == 'color')}
                            <ul id="color_to_pick_list" class="clearfix">
                              {assign var="default_colorpicker" value=""}
                              {foreach from=$group.attributes key=id_attribute item=group_attribute}
                                {assign var='img_color_exists' value=file_exists($col_img_dir|cat:$id_attribute|cat:'.jpg')}
                                <li{if $group.default == $id_attribute} class="selected"{/if}>
                                  <a href="{$link->getProductLink($product)|escape:'html':'UTF-8'}" id="color_{$id_attribute|intval}" name="{$colors.$id_attribute.name|escape:'html':'UTF-8'}" class="color_pick{if ($group.default == $id_attribute)} selected{/if}"{if !$img_color_exists && isset($colors.$id_attribute.value) && $colors.$id_attribute.value} style="background:{if $colors.$id_attribute.value|escape:'html':'UTF-8' == '#ffffff'}#f6f6f6{else}{$colors.$id_attribute.value|escape:'html':'UTF-8'}{/if};"{/if} title="{$colors.$id_attribute.name|escape:'html':'UTF-8'}">
                                    {if $img_color_exists}
                                      <img src="{$img_col_dir}{$id_attribute|intval}.jpg" alt="{$colors.$id_attribute.name|escape:'html':'UTF-8'}" title="{$colors.$id_attribute.name|escape:'html':'UTF-8'}" width="20" height="20" />
                                    {/if}
                                  </a>
                                </li>
                                {if ($group.default == $id_attribute)}
                                  {$default_colorpicker = $id_attribute}
                                {/if}
                              {/foreach}
                            </ul>
                            <input type="hidden" class="color_pick_hidden" name="{$groupName|escape:'html':'UTF-8'}" value="{$default_colorpicker|intval}" />
                          {elseif ($group.group_type == 'select')}
                            <select name="{$groupName}" id="group_{$id_attribute_group|intval}" class="form-control attribute_select no-print">
                              {foreach from=$group.attributes key=id_attribute item=group_attribute}
                                <option value="{$id_attribute|intval}"{if (isset($smarty.get.$groupName) && $smarty.get.$groupName|intval == $id_attribute) || $group.default == $id_attribute} selected="selected"{/if} title="{$group_attribute|escape:'html':'UTF-8'}">{$group_attribute|escape:'html':'UTF-8'}</option>
                              {/foreach}
                            </select>
                          {elseif ($group.group_type == 'radio')}
                            <ul>
                              {foreach from=$group.attributes key=id_attribute item=group_attribute}
                                <li>
                                  <input type="radio" class="attribute_radio" name="{$groupName|escape:'html':'UTF-8'}" value="{$id_attribute}" {if ($group.default == $id_attribute)} checked="checked"{/if} />
                                  <label>{$group_attribute|escape:'html':'UTF-8'}</label>
                                </li>
                              {/foreach}
                            </ul>
                          {/if}
                        </div> <!-- end attribute_list -->
                      </fieldset>
                    {/if}
                  {/foreach}
                </div> <!-- end attributes -->
              </div> <!-- end product_attributes -->
            {/if}

 

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More