Skip to content

Instantly share code, notes, and snippets.

@andrew-serrano
Last active June 18, 2020 18:55
Show Gist options
  • Save andrew-serrano/e46e3842274861d514dd7fe383f398ec to your computer and use it in GitHub Desktop.
Save andrew-serrano/e46e3842274861d514dd7fe383f398ec to your computer and use it in GitHub Desktop.
ImageMachine Override
<mvt:comment>
AWSIMG
Attribute/Imagemachine must be enabled
and custom images
</mvt:comment>
<mvt:if expr="
l.settings:attributemachine:enabled AND
l.settings:all_products_imagemachine:enabled AND
l.settings:product:customfield_values:customfields:image_01
">
<mvt:comment>
Vars
</mvt:comment>
<mvt:assign name="l.settings:miva_imagemachine:varaibles:imagemachine_image_data" value="'image_data' $ l.settings:product:id" />
<mvt:assign name="l.settings:miva_imagemachine:varaibles:imagemachine_instance" value="'im' $ l.settings:product:id" />
<script type="text/javascript">
<mvt:comment>
Legacy/FullSize
</mvt:comment>
<mvt:if expr="l.settings:all_products_imagemachine:legacy_image EQ 'F'">
<mvt:assign name="l.settings:miva_imagemachine:legacy_uri" value="l.settings:product:image"/>
<mvt:elseif expr="l.settings:all_products_imagemachine:legacy_image EQ 'T'">
<mvt:assign name="l.settings:miva_imagemachine:legacy_uri" value="l.settings:product:thumbnail"/>
</mvt:if>
<mvt:comment>
Tokens
</mvt:comment>
<mvt:assign name="l.settings:miva_imagemachine:main_image" value="glosub(l.settings:all_products_imagemachine:main_image, '%product_id%', l.settings:product:id)" />
<mvt:assign name="l.settings:miva_imagemachine:closeup_div" value="glosub(l.settings:all_products_imagemachine:closeup_div, '%product_id%', l.settings:product:id)" />
<mvt:assign name="l.settings:miva_imagemachine:closeup_image" value="glosub(l.settings:all_products_imagemachine:closeup_image, '%product_id%', l.settings:product:id)" />
<mvt:assign name="l.settings:miva_imagemachine:closeup_close" value="glosub(l.settings:all_products_imagemachine:closeup_close, '%product_id%', l.settings:product:id)" />
<mvt:assign name="l.settings:miva_imagemachine:variant_id" value="int(l.settings:attributemachine:variant_id)" />
<mvt:assign name="l.settings:miva_imagemachine:image_width" value="int(l.settings::all_products_imagemachine:image_width)" />
<mvt:assign name="l.settings:miva_imagemachine:image_height" value="int(l.settings:all_products_imagemachine:image_height)" />
<mvt:assign name="l.settings:miva_imagemachine:closeup_active" value="int(l.settings:all_products_imagemachine:closeup_active)" />
<mvt:assign name="l.settings:miva_imagemachine:closeup_width" value="int(l.settings:all_products_imagemachine:closeup_width)" />
<mvt:assign name="l.settings:miva_imagemachine:closeup_height" value="int(l.settings:all_products_imagemachine:closeup_height)" />
<mvt:assign name="l.settings:miva_imagemachine:thumb_width" value="int(l.settings:all_products_imagemachine:thumb_width)" />
<mvt:assign name="l.settings:miva_imagemachine:thumb_height" value="int(l.settings:all_products_imagemachine:thumb_height)" />
<mvt:comment>
Output
</mvt:comment>
var &mvt:miva_imagemachine:varaibles:imagemachine_image_data; = [
{
image_data: ["&mvtj:product:customfield_values:customfields:image_01;"],
type_code: "main"
}
];
var &mvt:miva_imagemachine:varaibles:imagemachine_instance; = new ImageMachine('&mvt:product:code;', &mvt:miva_imagemachine:variant_id;, '&mvt:miva_imagemachine:main_image;', '&mvt:all_products_imagemachine:thumbnails;', '&mvt:miva_imagemachine:closeup_div;', '&mvt:miva_imagemachine:closeup_image;', '&mvt:miva_imagemachine:closeup_close;', '', '&mvt:all_products_imagemachine:image_size;', &mvt:miva_imagemachine:image_width;, &mvt:miva_imagemachine:image_height;, &mvt:miva_imagemachine:closeup_active;, '&mvt:all_products_imagemachine:closeup_size;', &mvt:miva_imagemachine:closeup_width;, &mvt:miva_imagemachine:closeup_height;, &mvt:all_products_imagemachine:thumb_active;, &mvt:miva_imagemachine:thumb_width;, &mvt:miva_imagemachine:thumb_height;, &mvt:all_products_imagemachine:preload;, '&mvt:miva_imagemachine:legacy_uri;');
&mvt:miva_imagemachine:varaibles:imagemachine_instance;.oninitialize(&mvt:miva_imagemachine:varaibles:imagemachine_image_data;);
</script>
<mvt:else>
<mvt:item name="all_products_imagemachine" param="body:product:id" />
</mvt:if>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment