Skip to content

Instantly share code, notes, and snippets.

@doug7410
Created February 17, 2015 20:23

Revisions

  1. Doug Steinberg created this gist Feb 17, 2015.
    279 changes: 279 additions & 0 deletions miva_example.html
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,279 @@
    <mvt:item name="html_profile" /><head>
    <title>&mvt:category:name; - DuskyOnline.com</title>
    <base href="&mvt:global:baseurl;">
    <mvt:item name="head" param="head_tag" />

    </head>
    <mvt:item name="body">
    <mvt:item name="toolkit" param="ctgyproduct_list|1000|brand.desc|1" />
    <mvt:item name="toolkit" param="trim" />
    <mvt:item name="toolkit" param="lasturl|url|http://www.duskyonline.com/mm5/merchant.mvc" />
    <mvt:item name="toolkit" param="cxpc|pcount|l.all_settings:category:code" />
    <mvt:item name="toolkit" param="breadcrumb|b_count|g.Category_Code" />

    <mvt:item name="hdft" param="global_header" />



    <div id="ctgy-wrapper">

    <!--filter by brand, type, and price range on left side of page-->
    <div id="scroller-anchor"></div>
    <div id="scroller">
    <div id="sortByIframe"><iframe id="fiterIframe" src="/mm5/merchant.mvc?Screen=SBIF&search=*&filter_cat=&mvt:category:id;&category_code=&mvt:category:code;&sort=id.desc&customfield1=brand&customfield2=type&priceranges=1"
    scrolling="no" width="176" height="1500" frameborder="0" style="padding:-9px;"></iframe>

    </div>
    </div>

    <!--all the content on the right side of the page-->
    <div id="CTGY-content">

    <!--Breadcrumbs-->
    <div id="breadLinks"><mvt:if expr="b_count GT 0">
    <a href="/mm5/merchant.mvc">Home</a>
    <mvt:foreach iterator="breadcrumb" array="breadcrumbs">
    >
    <mvt:if expr="g.Category_Code EQ l.settings:breadcrumb:code">
    <b>

    &mvt:breadcrumb:name;</b>
    <mvt:else>
    <a href="/&mvte:breadcrumb:code;.html">
    &mvt:breadcrumb:name;</a>
    </mvt:if>
    </mvt:foreach>
    </mvt:if></div>


    <!--Category Heading-->
    <div class="CTGY-heading"><h1>&mvt:category:name;</h1></div>


    <!--page and sort section box-->
    <div id="pageAndSort">

    <div class="product-count"><mvt:if expr="l.settings:product_count LT 1">
    1 product found
    <mvt:else>
    &mvte:product_count; products found
    </mvt:if></div>

    <div class="pagnation"><mvt:if expr="l.settings:cxp_total_pages GT 0">
    Page &mvt:cxp_current_page; of &mvt:cxp_total_pages; <br>

    </mvt:if><mvt:if expr="l.settings:cxp_total_pages GT 1">
    <mvt:foreach iterator="pages" array="cxp_offset">
    <mvt:if expr="l.settings:pages:buffer GE 5
    AND l.settings:pages:number NE 1 AND
    l.settings:pages:number NE l.settings:cxp_total_pages">
    <mvt:if expr="l.settings:pages:buffer EQ 5">
    <a href="&mvt:global:sessionurl;Screen=CTGYF&Store_Code=&mvta:store:code;&category_code=&mvt:category:code;&search=&mvta:global:search;&offset=&mvt:pages:offset;&filter_cat=&mvta:global:filter_cat;&PowerSearch_Begin_Only=&mvta:global:PowerSearch_Begin_Only;&sort=&mvta:global:sort;&range_low=&mvta:global:range_low;&range_high=&mvta:global:range_high;&customfield1=&mvta:global:customfield1;&filter_cf1=&mvta:global:filter_cf1;&customfield2=&mvta:global:customfield2;&filter_cf2=&mvta:global:filter_cf2;&filter_price=&mvta:global:filter_price;&priceranges=1&mvt:powersearch:field_url;">
    <mvt:if expr="l.settings:pages:number GT l.settings:cxp_current_page">
    <img src="graphics/right.gif" border="0"></a>
    <mvt:else>
    <img src="graphics/left.gif" border="0"></a>
    </mvt:if>
    </mvt:if>

    <mvt:else>

    <mvt:if expr="l.settings:cxp_current_page EQ pos1">
    &mvt:pages:number;
    <mvt:else>
    <a href="&mvt:global:sessionurl;Screen=CTGYF&Store_Code=&mvta:store:code;&category_code=&mvt:category:code;&search=&mvta:global:search;&offset=&mvt:pages:offset;&filter_cat=&mvta:global:filter_cat;&PowerSearch_Begin_Only=&mvta:global:PowerSearch_Begin_Only;&sort=&mvta:global:sort;&range_low=&mvta:global:range_low;&range_high=&mvta:global:range_high;&customfield1=&mvta:global:customfield1;&filter_cf1=&mvta:global:filter_cf1;&customfield2=&mvta:global:customfield2;&filter_cf2=&mvta:global:filter_cf2;&filter_price=&mvta:global:filter_price;&priceranges=1&mvt:powersearch:field_url;"> &mvt:pages:number;</a>
    </mvt:if>
    </mvt:if>
    </mvt:foreach>
    </mvt:if></div>

    <div class="sort-dropdown"><form style="height:30px;" method="get" action="&mvt:global:sessionurl;">
    <input type="hidden" name="Store_Code" value="&mvte:store:code;">
    <input type="hidden" name="Screen" value="CTGYF">
    <input type="hidden" name="category_code" value="&mvte:category:code;"/>
    <input type="hidden" name="filter_cat" value="&mvte:category:id;"/>

    <input type="hidden" name="Search" value="*">
    <input type="hidden" name="sort" value="">
    <input type="hidden" name="customfield1" value="brand">
    <input type="hidden" name="filter_cf1" value="&mvte:global:filter_cf1;">
    <input type="hidden" name="customfield2" value="type">
    <input type="hidden" name="filter_cf2" value="&mvte:global:filter_cf2;">
    <input type="hidden" name="priceranges" value="1">
    <input type="hidden" name="filter_price" value="&mvte:global:filter_price;">
    &nbsp;&nbsp;Sort:
    <select name="sort" onchange="this.form.submit()">
    <mvt:if expr="ISNULL g.sort">
    <option name="sorting" value="" selected>Change Sorting</option>
    <mvt:else>
    <option name="sorting" value="">Change Sorting</option>
    </mvt:if>
    <mvt:if expr="g.sort EQ 'name.asc'">
    <option name="sorting" value="name.asc" selected>Name A-Z</option>
    <mvt:else>
    <option name="sorting" value="name.asc">Name A-Z</option>
    </mvt:if>
    <mvt:if expr="g.sort EQ 'name.desc'">
    <option name="sorting" value="name.desc" selected>Name Z-A</option>
    <mvt:else>
    <optionname="sorting" value="name.desc">Name Z-A</option>
    </mvt:if>
    <mvt:if expr="g.sort EQ 'price.asc'">
    <option name="sorting" value="price.asc" selected>Price (lowest first)</option>
    <mvt:else>
    <option name="sorting" value="price.asc">Price (lowest first)</option>
    </mvt:if>
    <mvt:if expr="g.sort EQ 'price.desc'">
    <option name="sorting" value="price.desc" selected>Price (highest first)</option>
    <mvt:else>
    <option name="sorting" value="price.desc">Price (highest first)</option>
    </mvt:if>
    <mvt:if expr="g.sort EQ 'code.asc'">
    <option name="sorting" value="code.asc" selected>Code A-Z</option>
    <mvt:else>
    <option name="sorting" value="code.asc">Code A-Z</option>
    </mvt:if>
    <mvt:if expr="g.sort EQ 'code.desc'">
    <option name="sorting" value="code.desc" selected>Code Z-A</option>
    <mvt:else>
    <option name="sorting" value="code.desc">Code Z-A</option>
    </mvt:if>
    </select>
    <br>
    Per Page:
    <select name="ProductsPerPage" onchange="this.form.submit()">
    <mvt:if expr="g.ProductsPerPage EQ 20">
    <option value="20" selected> 20</option>
    <mvt:else>
    <option value="20"> 20</option>

    </mvt:if>
    <mvt:if expr="g.ProductsPerPage EQ 40">
    <option value="40" selected> 40</option>
    <mvt:else>
    <option value="40"> 40</option>

    </mvt:if>
    <option value="99999" selected>ALL</option>
    </select>

    </form></div>

    <div class="view-grid-or-list">View: <img style="border:none" src="/mm5/graphics/00000001/cat-images/grid-in.jpg" /><a href="&mvt:global:sessionurl;Screen=CTGYFL&Store_Code=&mvta:store:code;&category_code=&mvt:category:code;&filter_cat=&mvt:category:id;&search=*&sort=id.desc&offset=0&PowerSearch_Begin_Only=&mvta:global:PowerSearch_Begin_Only;&range_low=&mvta:global:range_low;&range_high=&mvta:global:range_high;&customfield1=brand&mvta:global:customfield1;&filter_cf1=&customfield2=type&mvta:global:customfield2;&filter_cf2=&filter_price=&mvta:global:filter_price;&priceranges=1&mvt:powersearch:field_url;">
    <img style="border:none;" src="/mm5/graphics/00000001/cat-images/line-out.jpg" /></a></div>

    </div>

    <!--category header-->
    <mvt:item name="prod_ctgy_hdft" param="ctgy_header" />


    <!--Product Dislpay-->
    <ul class="CTGY-prod-grid">
    <mvt:foreach iterator="product" array="products">
    <mvt:item name="toolkit" param="vassign|has_price|l.all_settings:product:price" />
    <mvt:item name="toolkit" param="custom|price_range|l.all_settings:product:id|price_range" />
    <mvt:item name="toolkit" param="custom|price_range_special|l.all_settings:product:id|price_range_special" />
    <mvt:item name="toolkit" param="custom|closeout|l.all_settings:product:id|reg_price" />
    <mvt:item name="toolkit" param="custom|special|l.all_settings:product:id|special" />
    <mvt:item name="toolkit" param="custom|m_a_p|l.all_settings:product:id|m_a_p" />

    <li
    style="
    <mvt:if expr = "(pos1 MOD 4 ) EQ 0">border-right:none;</mvt:if>
    <mvt:if expr = "pos1 GT l.settings:product_count - (l.settings:product_count MOD 4)">border-bottom:none;</mvt:if>
    "
    >
    <div class="col" >
    <div class="imgBox">
    <a href="/&mvta:product:code;-p-&mvta:category:code;.html">
    <img src="&mvte:product:thumbnail;" border=0>
    </a>
    </div>
    <h2 class="prodName">
    <a class="catLinks" href="/&mvta:product:code;-p-&mvta:category:code;.html"> &mvt:product:name;
    <mvt:if expr="g.price_range GT NULL"> <mvt:else>- &mvt:product:code; </mvt:if> </a>
    </h2>
    <div class="prodPrice">

    <mvt:if expr="g.closeout GT NULL"><div class="closeout">Closeout</div>
    <span class="formatPrice">Reg:<span class="currency">&mvt:global:closeout;</span></span><br /></mvt:if>
    <mvt:if expr="g.special GT NULL"><div class="special">Special</div>
    <span class="formatPrice twelve-px">Reg: <span class="currency">&mvt:global:special;</span></span><br /></mvt:if>
    <mvt:if expr="g.has_price GT 0">
    <mvt:if expr="g.special OR g.closeout GT NULL"><span class="closeout special"></mvt:if>
    &mvt:product:formatted_price;
    <mvt:if expr="g.special OR g.closeout GT NULL"></span></mvt:if>
    </mvt:if>
    <mvt:if expr="g.price_range_special GT NULL"><span class="twelve-px">Reg: &mvt:global:price_range_special;</span><br /></mvt:if>
    <mvt:if expr="g.price_range GT NULL">
    <mvt:if expr="g.price_range_special GT NULL"><span class="closeout special"></mvt:if>
    &mvt:global:price_range;
    <mvt:if expr="g.price_range_special GT NULL"></span></mvt:if>
    </mvt:if>


    </div>






    <!--rating-->
    <mvt:if expr="s.remote_addr EQ '23.31.1.62'">
    <mvt:item name="toolkit" param="ratingshow|rating|l.all_settings:product:id" />
    <mvt:if expr="g.rating:average GT 0">
    <mvt:if expr="g.rating:average GT 4.5">
    <img src="graphics/tkwhole.gif" border"0"><img src="graphics/tkwhole.gif" border"0"><img src="graphics/tkwhole.gif" border"0"><img src="graphics/tkwhole.gif" border"0"><img src="graphics/tkwhole.gif" border"0">
    <mvt:elseif expr="(g.rating:average GT 4) AND (g.rating:average LE 4.5)">
    <img src="graphics/tkwhole.gif" border"0"><img src="graphics/tkwhole.gif" border"0"><img src="graphics/tkwhole.gif" border"0"><img src="graphics/tkwhole.gif" border"0"><img src="graphics/tkhalf.gif" border"0">
    <mvt:elseif expr="(g.rating:average GT 3.5) AND (g.rating:average LE 4)">
    <img src="graphics/tkwhole.gif" border"0"><img src="graphics/tkwhole.gif" border"0"><img src="graphics/tkwhole.gif" border"0"><img src="graphics/tkwhole.gif" border"0"><img src="graphics/tkzero.gif" border"0">
    <mvt:elseif expr="(g.rating:average GT 3) AND (g.rating:average LE 3.5)">
    <img src="graphics/tkwhole.gif" border"0"><img src="graphics/tkwhole.gif" border"0"><img src="graphics/tkwhole.gif" border"0"><img src="graphics/tkhalf.gif" border"0"><img src="graphics/tkzero.gif" border"0">
    <mvt:elseif expr="(g.rating:average GT 2.5) AND (g.rating:average LE 3)">
    <img src="graphics/tkwhole.gif" border"0"><img src="graphics/tkwhole.gif" border"0"><img src="graphics/tkwhole.gif" border"0"><img src="graphics/tkzero.gif" border"0"><img src="graphics/tkzero.gif" border"0">
    <mvt:elseif expr="(g.rating:average GT 2) AND (g.rating:average LE 2.5)">
    <img src="graphics/tkwhole.gif" border"0"><img src="graphics/tkwhole.gif" border"0"><img src="graphics/tkhalf.gif" border"0"><img src="graphics/tkzero.gif" border"0"><img src="graphics/tkzero.gif" border"0">
    <mvt:elseif expr="(g.rating:average GT 1.5) AND (g.rating:average LE 2)">
    <img src="graphics/tkwhole.gif" border"0"><img src="graphics/tkwhole.gif" border"0"><img src="graphics/tkzero.gif" border"0"><img src="graphics/tkzero.gif" border"0"><img src="graphics/tkzero.gif" border"0">
    <mvt:elseif expr="(g.rating:average GT 1) AND (g.rating:average LE 1.5)">
    <img src="graphics/tkwhole.gif" border"0"><img src="graphics/tkhalf.gif" border"0"><img src="graphics/tkzero.gif" border"0"><img src="graphics/tkzero.gif" border"0"><img src="graphics/tkzero.gif" border"0">
    <mvt:elseif expr="(g.rating:average GT .5) AND (g.rating:average LE 1)">
    <img src="graphics/tkwhole.gif" border"0"><img src="graphics/tkzero.gif" border"0"><img src="graphics/tkzero.gif" border"0"><img src="graphics/tkzero.gif" border"0"><img src="graphics/tkzero.gif" border"0">
    <mvt:elseif expr="(g.rating:average GT 0) AND (g.rating:average LE .5)">
    <img src="graphics/tkhalf.gif" border"0"><img src="graphics/tkzero.gif" border"0"><img src="graphics/tkzero.gif" border"0"><img src="graphics/tkzero.gif" border"0"><img src="graphics/tkzero.gif" border"0">
    </mvt:if></mvt:if>
    <mvt:if expr="g.rating:count GT 0">
    <div style="font-size:12px">(&mvte:global:rating:count; reviews)</div></mvt:if>
    </mvt:if>






    </div>
    </li>

    </mvt:foreach>
    </ul>
    <br><br><br><br>
    <mvt:item name="prod_ctgy_hdft" param="ctgy_footer" />

    <!--closing tag for category page content wrapper-->
    </div>


    <div id="CTGY-footer">

    <mvt:item name="hdft" param="global_footer" />
    </div></div>
    </mvt:item>
    <script type="text/javascript" >
    $(window).load(function() {
    setHeight('.col');
    });
    </script>
    </html>