Module: LiquidFilters

Overview

Filtros

Los filtros sirven para procesar una variable y producir una salida de texto.

Liquid tiene una serie básica de filtros. Ver: Filtros Estándar. Ombu Shop provee filtros específicos para mostrar productos.

Los filtros están disponibles en todo template.

Uso

Los filtros se utilizan dentro de tags de texto. Por ejemplo: 

{{ 'reset.css' | stylesheet_tag }}

Esta línea quiere decir que al Liquid::String 'reset.css' se le aplica el filtro stylesheet_tag.

Se pueden usar todos los filtros que uno quiera. Por ejemplo: 

 {{ 5 | times:4 | plus:2 }}

Así multiplicamos 5 por 4. Al resultado (20) le sumamos 2. Esto produce la salida: 22.

Acá se pueden ver más Filtros Estándar: Liquid Para Diseñadores

Author:

  • Ernesto Tagwerker

Métodos Disponibles (ocultar)

Detalles de Métodos

- (Liquid::String) default_pagination(paginate, *args)

Devuelve código de paginación para una colección de objetos paginada previamente.

Por ejemplo:

<div class="pagination">
  {{ paginate | default_pagination }}
</div>

Genera:

<div class="pagination ">
  <span class="disabled prev_page">« Anterior</span>
  <span class="current">1</span>
  <a href="/?page=2">2</a>
  <a href="/?page=3">3</a>
  <span class="gap">…</span>
  <a href="/?page=16">16</a><span class="gap">…</span>
  <a href="/?page=2" class="next_page">Más »</a>
</div>

default_pagination debe estar dentro de un bloque paginate de este estilo: 

{% paginate products by 12 %}
  ...
{% endpaginate %}

Returns:

  • (Liquid::String) —

    Código HTML de paginación para una colección

- (Boolean) has_category(product, name)

Devuelve true o false si un producto tiene cierta categoría([Taxon]) o no.

Parameters:

  • Producto (Product)
  • Categoría (String)

Returns:

  • (Boolean) —

    true o false

See Also:

  • Product#categories
  • {{ product | has_category: 'Carteras' }}

- (String) image_size(image, size = 'mini')

Devuelve una URL a la imagen pasada en el tamaño especificado

Ejemplos de Uso:

{{ image | image_size: 'mini' }}

Tamaños Disponibles

Parámetros que podemos usar en src:

  • mini: 48x48 (Como máximo)
  • small 100x100 (Como máximo)
  • product: 240x240 (Como máximo)
  • large: 600x600 (Como máximo)
  • vertical_small: 240x320 (Como máximo)
  • horizontal_small: 352x264 (Como máximo)
  • original: Tamaño original

Parameters:

  • Imagen (Liquid::Image)
  • Tamaño (Liquid::String) —

    pedido. Puede ser: mini, small, product, large, original

See Also:

  • Product#images
  • Image

- (Liquid::String) logo_size(logo, size = nil)

Devuelve la dirección del logo para el tamaño especificado.

Por ejemplo:

<img src="{{ shop.shop_logo | logo_size: 'header' }}">

Genera:

<img src="http://s3.amazonaws.com/images/logos/53/header/logo.png">

Parameters:

  • Logo (Liquid::Logo) —

    del que se está pidiendo la dirección

  • Tamaño (Liquid::String) —

    pedido. Puede ser: header, favicon, original

Returns:

  • (Liquid::String) —

    Dirección del logo

See Also:

  • Logo#url

- (Liquid::String) script_tag(name)

Genera un elemento script para incluir al script especificado

Ejemplos:

{{ 'jQuery.js' | script_tag }}

Genera:

<script src='/javascripts/jQuery.js' type='text/javascript'></script>

Parameters:

  • Nombre (Liquid::String) —

    del script. Por ejemplo: jQuery o jQuery.js

Returns:

  • (Liquid::String) —

    Dirección del script

- (Liquid::String) stylesheet_tag(name)

Genera un tag <link> para incluir al stylesheet especificado.

Ejemplo #1:

{{ 'reset.css' | stylesheet_tag }}

Genera:

<link href='/stylesheets/reset.css' media='screen' rel='stylesheet' type='text/css' />

Ejemplo #2: 

{{ '/stylesheets/base.css' | stylesheet_tag }}

Genera:

<link href='/stylesheets/base.css' media='screen' rel='stylesheet' type='text/css' />

Parameters:

  • Nombre (Liquid::String) —

    de un archivo .css

Returns:

  • (Liquid::String) —

    Tag <link> que apunta al archivo pasado como parámetro