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>

    #2
    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

    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


      #3
      Thanks Matt, perfect.

      Comment

      Working...
      X