Jump to content

Mostrar Nombre Del Color En Cajetín De Cantidad


Alberto Fernández

Recommended Posts

En una tienda PS 1.6.1.4 que estoy preparando hay productos con hasta 18 colores.

 

En el cajetín de cantidad me gustaría incluir el nombre del color para facilitar la compra, ya que en dispositivos móviles la imagen del producto correspondiente al color seleccionado queda fuera de pantalla, quedando sólo a la vista los colores disponibles, el cajetín de cantidad y el botón de compra.

 

He conseguido mostrar el color seleccionado al lado del nombre del atributo color, ¿cómo podría colocarlo dentro del cajetíin de cantidad?

 

Creo que es un hack interesante para otros comerciantes de la comunidad, se podrían mostrar también tallas, etc.

post-728409-0-58839600-1456582332_thumb.png

Link to comment
Share on other sites

en la plantilla product.tpl

 {elseif ($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}
                                    <li{if $group.default == $id_attribute} class="selected"{/if}>
                                        <a id="color_{$id_attribute|intval}" class="color_pick{if ($group.default == $id_attribute)} selected{/if}" style="background: {$colors.$id_attribute.value};" title="{$colors.$id_attribute.name}" onclick="colorPickerClick(this);getProductAttribute();">
                                            {if file_exists($col_img_dir|cat:$id_attribute|cat:'.jpg')}
                                                <img src="{$img_col_dir}{$id_attribute}.jpg" alt="{$colors.$id_attribute.name}" width="20" height="20" /><br />
                                            {/if}
                                        </a>
                                    </li>
                                    {if ($group.default == $id_attribute)}
                                        {$default_colorpicker = $id_attribute}
                                    {/if}
                                    {/foreach}
                                </ul>
                                <input type="hidden" class="color_pick_hidden" name="{$groupName}" value="{$default_colorpicker}" />
tienes el nombre del color en el alt

{$colors.$id_attribute.name}
Edit. perdona, veo que eso ya lo has hecho

 

No logro entender lo que quieres, meter en el cajetín los 18 nombres de colores?

Link to comment
Share on other sites

Enrique, lo que quiero es colocar el nombre del color SELECCIONADO dentro del cajetín de cantidad, tal como se ve en el montaje que adjunto en este comentario.

 

Como se puede ver, queda muy claro qué color vas a comprar del producto.

 

El nombre del color seleccionado lo he conseguido mostrar con la expresión

 

{if $group.group_type == 'color'}<span id="selectedCmb"></span>{/if} 

 

siguiendo este hilo:

 

 
Lo que no sé ahora es dónde colocar exactamente el if en el product.tpl para que aparezca dentro del cajetín de cantidad de producto.
 
 

post-728409-0-68320500-1456616417_thumb.jpg

Link to comment
Share on other sites

  • 4 years later...

Hola Alberto.

¿Diste con una solución cuando hay más atributos en el mismo producto?

A mi me pasa lo mismo y solo consigo mostrar el color seleccionado de cualquiera de los atributos en la misma posición, en este caso a la derecha del primer atributo de la lista. (mira la captura)

Lo ideal sería poder mostrarlo a la derecha de cada uno.

color selected in any color picker.jpg

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...