You are able to create an unlimited number of Image Machines that can be used on the same page. The steps to create a custom Image Machine in a CSSUI store are as follows:
1) From the Pages > Items tab, create a new item and give it the code "custom_imagemachine" and select the cmp-mv-imagemachine for its module.
2) Assign the new item to the PROD screen.
3) Edit PROD, and in the main template add the following mvt:item tag to the head section:
Code:
<mvt:item name="custom_imagemachine" param="head" />
Code:
<mvt:foreach iterator="l.custom" array="alsobought:products"> ... </mvt:foreach>
Code:
<img id="custom_main_image_%product_id%" graphics/en-US/cssui/blank.gif" alt="&mvte:custom:name;" /> ... <mvt:item name="custom_imagemachine" param="body:custom:id" />
7) Lastly, edit your PROD template to include these unique custom IDs in your HTML elements within the custom mvt:foreach loop.
Leave a comment: