Jump to content

Mostrar Nombre Del Color En Cajetín De Cantidad


Alberto Fernández
 Share

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

Share this post


Link to post
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?

Share this post


Link to post
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

Share this post


Link to post
Share on other sites

  • 4 years later...

Hola Alberto Fernández, conseguiste al final mostrar los nombres de los colores? mira que lo intento, pero soy negado a estas cosas. Me puedes indicar los pasos?

Gracias.

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
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
 Share

×
×
  • Create New...

Important Information

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