Announcement

Collapse
No announcement yet.

Force Levels coupon box to default to OPEN on OSEL page

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

  • Force Levels coupon box to default to OPEN on OSEL page

    Customers are not seeing the + to open the coupon box on OSEL. How should I modify this code to change the default state to expanded vs closed.

    <div class="row">
    <div class="column whole medium-half">
    <a href="#" data-toggle=".coupon-wrapper" class="fields-heading">Have a Coupon?</a>
    <div class="coupon-wrapper clearfix" <mvt:if expr="g.Action NE 'ACPN'">style="display: none;"</mvt:if>>
    <br>
    <form method="post" action="&mvte:urls:_self:secure;">
    <input type="hidden" name="Action" value="ACPN" />
    <div class="column three-fourths np">
    <div class="floating-placeholder">
    <input type="text" name="Coupon_Code" id="l-coupon-code" class="input" value="&mvte:global:Coupon_Code;">
    <label for="l-coupon-code">Coupon Code</label>
    </div>
    </div>
    <div class="column one-fourth np">
    <button class="button floating-button button-round">Apply</button>
    </div>
    </form>
    </div>

  • If you are looking to have it always open, you could replace that column with this:
    Code:
    <div class="column whole medium-half">
        <span class="fields-heading">Have a Coupon?</span>
        <div class="coupon-wrapper clearfix">
            <br>
            <form method="post" action="&mvte:urls:_self:secure;">
                <input type="hidden" name="Action" value="ACPN" />
                <div class="column three-fourths np">
                    <div class="floating-placeholder">
                        <input type="text" name="Coupon_Code" id="l-coupon-code" class="input" value="&mvte:global:Coupon_Code;">
                        <label for="l-coupon-code">Coupon Code</label>
                    </div>
                </div>
                <div class="column one-fourth np">
                    <button class="button floating-button button-square">Apply</button>
                </div>
            </form>
        </div>
        <span class="breaker"></span>
    </div>
    Matt Zimmermann
    Director of UI/UX Standards and Theme Development
    / Miva, Inc.

    Comment


    • Thanks Matt, perfect.

      Comment

      Working...
      X

      This website uses cookies to identify visitors, track visitors to our website, store login session information and to remember your user preferences. By continuing to use this site you agree to our use of cookies. Learn More.

      This website uses cookies. By continuing to use this site you agree to our use of cookies. Learn More.

      Accept