Estoy trabajando en un Shopify sitio web, y necesito crear un par de presentaciones de imágenes (para diseño móvil sólo):

(1) Uno para la recogida del producto

(2) Una de las miniaturas del producto en la página del producto en sí

Alguien tiene alguna idea de cómo llevar a cabo cualquiera de los dos? Gracias.

InformationsquelleAutor argoncobalt | 2015-07-14

2 Comentarios

  1. 0

    Vas a tener que mirar la imagen de bucle: https://docs.shopify.com/themes/liquid-documentation/objects/image

    Nb – para las imágenes asignadas a las variantes de producto, tendría que hacer algo como:

       {% for image in product.images %}
          <img src="{{ image.src | img_url: 'compact' }}" alt="{{ image.alt | escape }}">
       {% endfor %}
    

    entonces usted necesita para asegurarse de que su JS /jQuery pugin se envuelve alrededor de html. Para la Colección de imágenes que te gustaría hacer lo mismo, pero la salida de las imágenes de la colección.

        {% for product in collection.products %}
           <img src="{{ product.featured_image.src | img_url: 'large' }}" alt="{{ product.featured_image.alt | escape }}">
         {% endfor %}
    

    Para nada bueno vas a tener JavaScript. Líquido de sí mismo sólo representa el html – usted necesita tener JavaScript para hacer cosas como whizzy presentaciones de diapositivas. Así que si usted está familiarizado con los plugins de jQuery – usted acaba de hacer shopify la salida de html requerido para trabajar con el plugin.

    Has mirado en la Madera? Es un gran lugar para comenzar: http://shopify.github.io/Timber/

Dejar respuesta

Please enter your comment!
Please enter your name here