product-template-pixboost.liquid

  {% case section.settings.image_size %}
    {% when 'small' %}
      {%- assign product_image_width_pixels = 1120 | divided_by: 3 | minus: 30 -%}
      {%- assign product_image_width = 'medium-up--one-third' -%}
      {%- assign product_description_width = 'medium-up--two-thirds' -%}
      {%- assign product_thumbnail_width = 'medium-up--one-third' -%}
      {%- assign height = 345 -%}
    {% when 'medium' %}
      {%- assign product_image_width_pixels = 1120 | divided_by: 2 | minus: 30 -%}
      {%- assign product_image_width = 'medium-up--one-half' -%}
      {%- assign product_description_width = 'medium-up--one-half' -%}
      {%- assign product_thumbnail_width = 'medium-up--one-quarter' -%}
      {%- assign height = 530 -%}
    {% when 'large' %}
      {%- assign product_image_width_pixels = 1120 | divided_by: 3 | times: 2 | minus: 30 -%}
      {%- assign product_image_width = 'medium-up--two-thirds' -%}
      {%- assign product_description_width = 'medium-up--one-third' -%}
      {%- assign product_thumbnail_width = 'medium-up--one-fifth' -%}
      {%- assign height = 720 -%}
    {% when 'full' %}
      {%- assign product_image_width_pixels = 1120 | minus: 30 -%}
      {%- assign product_image_width = '' -%}
      {%- assign product_description_width = '' -%}
      {%- assign product_thumbnail_width = 'medium-up--one-eighth' -%}
      {%- assign height = 1090 -%}
      {%- assign enable_zoom = false -%}
  {% endcase %}
  
  ....
  
  <img data-pb-image 
    id="{{ img_id }}"
    data-src="{{ image | img_url: 'master' | url_encode }}"
    data-lazy=""
    data-op="resize?size={{product_image_width_pixels}}"
    class="feature-row__image {{ img_class }} lazyload{% unless featured_image == image %} lazypreload{% endunless %}"
    alt="{{ image.alt | escape }}"
    tabindex="-1"/>