Announcement

Collapse
No announcement yet.

Multi Select Upsell

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

    Multi Select Upsell

    The first problem I had was the checkbox to add/Buy an item wasnt visible unless I changed this

    HTML Code:
    <input class="c-form-checkbox__input" type="checkbox" name="Upsell_Selected[&mvt:upsold_product:index;]" value="Yes" checked>
    to this

    HTML Code:
    <input  type="checkbox" name="Upsell_Selected[&mvt:upsold_product:index;]" value="Yes" checked>
    Next issue is the layout of the missing attributes page for an upsale item. Is there any way to access the item "upsell_attr_mult" to modify the table layout? See attached image for what it currently looks like.

    Has anyone tried to setup a multi page upsale using shadows?

    Thanks

    Mark

    #2
    Hi Mark,

    There is currently no way of accessing that item directly. I would recommend updating the UATM page code to the following and target the table within your theme-styles.css file by using the t-multiple-product-upsell-purchase__options class.

    Code:
    <mvt:item name="html_profile" />
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <base href="&mvt:global:basehref;">
        <mvt:if expr="NOT ISNULL l.settings:page:title">
            <title>&mvt:page:title;</title>
        <mvt:else>
            <title>&mvt:store:name;: &mvt:page:name;</title>
        </mvt:if>
        <mvt:item name="head" param="css_list" />
        <mvt:item name="head" param="head_tag" />
    </head>
    <body id="js-&mvte:page:code;" class="o-site-wrapper t-page-&mvt:global:pageClass;">
        <mvt:item name="hdft" param="global_header" />
    
        <section class="o-layout">
            <div class="o-layout__item">
                <mvt:item name="hdft" param="header" />
                <mvt:item name="readytheme" param="contentsection( 'messages' )" />
            </div>
        </section>
    
        <section class="o-layout o-layout--justify-center">
            <div class="o-layout__item u-width-12 u-width-6--m u-width-4--l">
                <form method="post" action="&mvte:urls:_self:rr;">
                    <fieldset>
                        <legend>Missing Required Attributes</legend>
                        <input type="hidden" name="Action" value="&mvte:global:Action;">
                        <input type="hidden" name="Upsell_Product_Count" value="&mvte:global:Upsell_Product_Count;">
                        <mvt:item name="tax" />
                        <ul class="c-form-list">
                            <li class="c-form-list__item x-product-layout-purchase__options t-multiple-product-upsell-purchase__options">
                                <mvt:item name="upsell_attr_mult" />
                            </li>
                            <li class="c-form-list__item u-text-right">
                                <mvt:item name="buttons" param="Continue" />
                            </li>
                        </ul>
                    </fieldset>
                </form>
            </div>
        </section>
    
        <section class="o-layout">
            <div class="o-layout__item">
                <mvt:item name="hdft" param="footer" />
            </div>
        </section>
    
        <mvt:item name="hdft" param="global_footer" />
    </body>
    </html>
    Matt Zimmermann

    Miva Web Developer
    Alchemy Web Development
    https://www.alchemywebdev.com
    Site Development - Maintenance - Consultation

    Miva Certified Developer
    Miva Professional Developer

    https://www.dev4web.net | Twitter

    Comment

    Working...
    X