Images snippets

Insert new images of resources to any place

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

Report incorrect information

Still Have Questions?

Our customer care team is here for you!

Contact Us