Images snippets

Available images

LangShop supports localization for images of products, articles, and collections. Here the full list of objects properties, which can be replaced with a localized version:

• product.featured_image
• product.images[*]
• variant.image
• article.image
• collection.image

Image URL

You can replace image url with a localized version with the help of "ls-img-url.liquid" snippet. Inserting will return translated image url (returns original if localization does not exist).

Input

{%- render "ls-img-url", image: product.featured_image, img_url: "600x", scale: 2, crop: "center" -%}

Output

//cdn.shopify.com/s/files/1/0057/5317/6131/t/130/assets/image-for-current-language_600x_crop_center@2x.jpg?86920

Image ALT

Show translated alternate value of the image with "ls-alt.liquid" snippet. Inserting will return translated image ALT (returns original if localization does not exist).

Input

{%- render "ls-alt", image: product.featured_image -%}

Output

A localized alternate value of the image