Toolkit replacement for quick (quicklists)

**ids** · 10-08-20, 05:36 PM

I think you can probably replicate with the SplitString function.

Here's an example for usage:

https://docs.miva.com/code-samples/for-each-continue

Scott

**Kent Multer** · 10-08-20, 07:02 PM

For turning a comma-separated list into an array, there's an easier way.

Code:

<mvt:assign name="l.settings:MyArray" value="miva_array_serialize(l.settings:MyString)" />

Then inside the loop, you can use mvt:do to call a library function such as Product_Load_Code for each product

**SidFeyDesigns** · 10-09-20, 12:31 PM

Thank you for those ideas ids and Kent Multer .

I ended up using Kent's suggestion but both will work.

You can replace Kent Multer 's suggestion :

<mvt:assign name="l.settings:quick_list_array" value="miva_array_deserialize( g.quickitems )" />

with the suggestion from ids :

<mvt:do file="g.Module_Library_Utilities" name="l.success" value="SplitString( g.quickitems, ',', l.settings:quick_list_array )" />

Here's the code in case anyone needs it as a reference.

Code:

[COLOR=#c0392b]<mvt:comment> Enter your comma separated list of product codes below</mvt:comment>[/COLOR]
<mvt:assign name="g.quickitems" value="'[COLOR=#c0392b]your_product_code1,your_product_code2,your_product_code3,your_product _code4[/COLOR]'" />

<mvt:assign name="l.settings:quick_list_array" value="miva_array_deserialize( g.quickitems )" />
<mvt:assign name="g.counter" value="0" />
<mvt:foreach iterator="item" array="quick_list_array">
    <mvt:assign name="g.counter" value="g.counter + 1" />
    <mvt:do name="l.return" file="g.Module_Library_DB" value="Product_Load_Code( l.settings:quick_list_array[g.counter], l.settings:product )" />
    <mvt:do name="l.image_count" file="g.Module_Library_DB" value="ProductImageDataList_Load_Product( l.settings:product:id, l.settings:imagedata )" />
    <mvt:foreach iterator="data" array="imagedata">

[COLOR=#c0392b]<mvt:comment>Check if main image type is present</mvt:comment>[/COLOR]
        <mvt:if expr="l.settings:data:imagetype:code EQ 'main'">

[COLOR=#c0392b]<mvt:comment> Use the image dimensions you need below</mvt:comment>[/COLOR]
            <mvt:assign name="l.constraints[1]:height" value="[COLOR=#c0392b]205[/COLOR]" />
            <mvt:assign name="l.constraints[1]:width" value="[COLOR=#c0392b]205[/COLOR]" />

            <mvt:assign name="l.imagetype_codes[1]" value="'main'" />
            <mvt:assign name="l.constraints_count" value="miva_array_elements( l.constraints )" />
            <mvt:assign name="l.imagetypecode_count" value="miva_array_elements( l.imagetype_codes )" />
            <mvt:do file="g.Module_Library_DB" name="l.imagedata_count" value="ProductImageDataList_Load_Product_TypeCodes _Constrained( l.settings:product:id, l.imagetype_codes, l.imagetypecode_count, l.constraints, l.constraints_count, l.settings:productimagedatalist )" />
            <a href="/&mvt:product:code;.html" title="&mvte:product:code;">
                <img src="&mvt:productimagedatalist[1]:generatedimages[1]:image;" alt="&mvte:product:name;" title="&mvte:product:name;"><br>
                &mvt:product:name;<br>
                &mvt:product:price;<br>
            </a>

[COLOR=#c0392b]<mvt:comment>Stop The Loop. Important!</mvt:comment>[/COLOR]
            <mvt:foreachstop/>

[COLOR=#c0392b]<mvt:comment>No main image? Serve Place holder image</mvt:comment>[/COLOR]
        <mvt:else>
            <a href="/&mvt:product:code;.html" title="&mvte:product:code;">
                <img src="some/path/image_coming_soon.gif" alt="&mvte:product:name;" title="&mvte:product:name;"><br>
                &mvt:product:name;<br>
                &mvt:product:price;<br>
            </a>

[COLOR=#c0392b]            <mvt:comment>Stop The Loop. Important!</mvt:comment>[/COLOR]
            <mvt:foreachstop/>
        </mvt:if>
    </mvt:foreach>
</mvt:foreach>

The values of the height and width constraints will be determined by the image size you are trying to load.

In the case above, they were the images generated by the image machine for the CTGY product lists which is 205x205

Any of the product related entities should work within the loop.

&mvt:product:code;
&mvt:product:name;
&mvt:product:price;
&mvt:product:descrip;
&mvt:product:sku;
etc.

This code sample helped me find the specific image size generated by the image machine:

https://docs.miva.com/code-samples/o...-product-image

Thanks again for pointing me in the right direction guys!

**SidFeyDesigns** · 10-09-20, 12:38 PM

(deleted repeated post)

**Kent Multer** · 10-09-20, 01:10 PM

OOPS, sorry! I should have written miva_array_deserialize, not miva_array_serialize.

**SidFeyDesigns** · 10-09-20, 01:39 PM

Originally posted by Kent Multer View Post

OOPS, sorry! I should have written miva_array_deserialize, not miva_array_serialize.

Thanks Kent Multer ! I have updated the post.

**lesliekirk** · 08-27-21, 08:27 AM

I stumbled upon this post while trying to find an issue to my own inability to get a product image to display within the sub-sub category listing

I looked at the above coding and pulled out what looked like it would "work for me":

Code:

<mvt:do name="l.image_count" file="g.Module_Library_DB" value="ProductImageDataList_Load_Product( l.settings:product:id, l.settings:imagedata )" />
<mvt:assign name="l.constraints[1]:height" value="75" />
<mvt:assign name="l.constraints[1]:width" value="75" />
<mvt:assign name="l.imagetype_codes[1]" value="'main'" />
<mvt:assign name="l.constraints_count" value="miva_array_elements( l.constraints )" />
<mvt:assign name="l.imagetypecode_count" value="miva_array_elements( l.imagetype_codes )" />
<mvt:do file="g.Module_Library_DB" name="l.imagedata_count" value="ProductImageDataList_Load_Product_TypeCodes _Constrained( l.settings:product:id, l.imagetype_codes, l.imagetypecode_count, l.constraints, l.constraints_count, l.settings:productimagedatalist )" />
<img src="&mvt:productimagedatalist[1]:generatedimages[1]:image;" width="75" height="75" alt="&mvte:global:product_name;" />

It does pretty much exactly what I have (which I had found in the samples):

Code:

<mvt:assign name="l.constraints[1]:height" value="75" />
<mvt:assign name="l.constraints[1]:width" value="75" />
<mvt:assign name="l.imagetype_codes[1]" value="'main'" />

<mvt:assign name="l.constraints_count" value="miva_array_elements( l.constraints )" />
<mvt:assign name="l.imagetypecode_count" value="miva_array_elements( l.imagetype_codes )" />

<mvt:do file="g.Module_Library_DB" name="l.imagedata_count" value="ProductImageDataList_Load_Product_TypeCodes _Constrained(l.settings:product:id, l.imagetype_codes, l.imagetypecode_count , l.constraints,l.constraints_count,l.settings:produ ctimagedatalist)" />

<mvt:comment>
| Check and see if the image exists, if not, Generate the file and return its path.
</mvt:comment>

<mvt:if expr="ISNULL l.settings:productimagedatalist[1]:generatedimages[1]:image">
<mvt:do file="g.Module_Library_DB" name="l.ok" value="GeneratedImage_FindOrInsert_Image_Dimension s( l.settings:productimagedatalist[1]:image, l.constraints[1]:width, l.constraints[1]:height, l.settings:generatedimage )" />
<a data-mm-linktype="product-list-link" href="<a href="/&mvt:product:code;.html"><img src="&mvt:generatedimage:image;" alt="&mvte:product:name;-generated" /></a>
<mvt:else>
<a data-mm-linktype="product-list-link" href="/&mvt:product:code;.html"><img src="&mvt:productimagedatalist[1]:generatedimages[1]:image;" alt="&mvte:product:name;-data" /></a>
</mvt:if>

The problem I'm having with either one of these is that it is pulling in an image when there isn't one to pull in. I'm not even sure where it's coming from. I'd just like to be able to display an "Image Coming Soon" default image if there isn't one to be found.

**SidFeyDesigns** · 08-27-21, 12:28 PM

lesliekirk I am actually not too sure.

When I use the token list on the page template with the above code, I noticed the imagedata count stops at 7 when there is supposed to be 20 products.

So I think there is definitely an issue with the above code although I can't seem to pinpoint why the count is stopping.

I also found this https://gist.github.com/steveosoule/...a02c0d1732ea6c

I feel somehow this could be worked in to give the ability to create a conditional if the image type of main is not present.

Currently I do not have the energy to figure it out though.

Maybe because its Friday haha.

**SidFeyDesigns** · 08-27-21, 01:44 PM

lesliekirk I actually think I just figured it out.

Try this:

Code:

<mvt:do name="l.image_count" file="g.Module_Library_DB" value="ProductImageDataList_Load_Product( l.settings:product:id, l.settings:imagedata )" />
<mvt:foreach iterator="data" array="imagedata">
    <mvt:if expr="l.settings:data:imagetype:code EQ 'main'">
        <mvt:assign name="l.constraints[1]:height" value="75" />
        <mvt:assign name="l.constraints[1]:width" value="75" />
        <mvt:assign name="l.imagetype_codes[1]" value="'main'" />
        <mvt:assign name="l.constraints_count" value="miva_array_elements( l.constraints )" />
        <mvt:assign name="l.imagetypecode_count" value="miva_array_elements( l.imagetype_codes )" />
        <mvt:do file="g.Module_Library_DB" name="l.imagedata_count" value="ProductImageDataList_Load_Product_TypeCodes_Constrained( l.settings:product:id, l.imagetype_codes, l.imagetypecode_count, l.constraints, l.constraints_count, l.settings:productimagedatalist )" />
        <a data-mm-linktype="product-list-link" href="/&mvt:product:code;.html"><img src="&mvt:productimagedatalist[1]:generatedimages[1]:image;" alt="&mvte:product:name;" /></a>
        <mvt:foreachstop/>
    <mvt:else>
        <a data-mm-linktype="product-list-link" href="/&mvt:product:code;.html"><img src="some/path/image_coming_soon.gif" alt="&mvte:product:name;" /></a>
        <mvt:foreachstop/>
    </mvt:if>
</mvt:foreach>

It worked for me so I will update the post above to have a solution with a fallback if there is no main image type

Toolkit replacement for quick (quicklists)

Toolkit replacement for quick (quicklists)

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment