Documentación para Diseñadores

Crea tus propias plantillas en Tienda Nube

Ordenamiento de productos

1. Agregar el siguiente código Javascript en layout.tpl:

$('.sort-by').change(function(){
            var params = LS.urlParams;
            params['sort_by'] = $(this).val();
            var sort_params_array = [];
            for (var key in params) {
                if ($.inArray(key, ['results_only', 'page']) == -1) {
                    sort_params_array.push(key + '=' + params[key]);
                }
            }
            var sort_params = sort_params_array.join('&');
            window.location = window.location.pathname + '?' + sort_params;

2. En template/category.tpl agregar una referencia al snipplet “Sort By” de la siguiente manera:

 {% snipplet 'sort_by.tpl' %}

3. Agregar el snipplet del “Sort by” a la carpeta /snipplets. Debajo encontrarás el código dentro de sort_by.tpl:

{% set sort_text = {
'user': 'Destacado',
'price-ascending': 'Precio: Menor a Mayor',
'price-descending': 'Precio: Mayor a Menor',
'alpha-ascending': 'A - Z',
'alpha-descending': 'Z - A',
'created-ascending': 'Más Viejo al más Nuevo',
'created-descending': 'Más Nuevo al más Viejo',
'best-selling': 'Más Vendidos',
} %}
<span class="filter-by-sort">{{ 'Filtrar por:' | t }}
<div class="span6">
   <select class="sort-by">
         {% for sort_method in sort_methods %} 
             {# This is done so we only show the user sorting method when the user chooses it #} 
             {% if sort_method != 'user' or category.sort_method == 'user' %}
                   <option selected="selected" value="{{ sort_method }}">{{ sort_text[sort_method] | t }}</option>
                {% endif %} 
             {% endfor %}
       </select>
  </div>

4. Agregar las traducciones a translations.txt:

es "Filtrar por:"
pt "Filtrar por"
en "Sort by:"

es "Precio: Menor a Mayor"
pt "Preço: Menor ao Maior"
en "Price: Low to High"

es "Precio: Mayor a Menor"
pt "Preço: Maior ao Menor"
en "Price: High to Low"

es "A - Z"
pt "A - Z"
en "A - Z"

es "Z - A"
pt "Z - A"
en "Z - A"

es "Más Viejo al más Nuevo"
pt "Mais Antigo ao mais Novo"
en "Oldest to Newest"

es "Más Nuevo al más Viejo"
pt "Mais Novo ao mais Antigo"
en "Newest to Oldest"

es "Más Vendidos"
pt "Mais Vendidos"
en "Best Selling"

Sin compromiso de compra ni estadía mínima. No hay costo de registro o cancelación.