Announcement

Collapse
No announcement yet.

Character Limits

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

    Character Limits

    We currently have a gift message textarea as a product attribute. We have it set to a maxlength of 150 characters. We are wanting to increase that to 275. However, when I did that and went through checkout, the Checkout Basket Summary that appears on the OCST page no longer shows the gift message text. I tested at 254 characters, the same thing occurred. When I set it to 200 characters, it started working again.

    How can we get this to work using a higher character count?

    #2
    To the best of my knowledge, there isn't anything that should be limiting the input length that ships in Colossus. Have you tried removing the maxlength attribute and seeing if the characters show? If so, you might want to try using JavaScript to limit the character count and show how many characters are still available to enter.
    Matt Zimmermann
    Front-End Development Director / Miva, Inc.

    Comment


      #3
      The messages show completely fine no matter what the length is set at in the mini-basket and on the BASK page - the only issue is the Checkout Basket Summary.

      In my dev store I was able to add a message to one product with a limit of 150 and it appears on the Basket Summary. Then I added a second product with a lenght of 272 characters and the area where the message should be is blank. See attached screen shot.
      Attached Files

      Comment


        #4
        In that case, you might want to inspect that area and see if there is content but it is invisible.
        Matt Zimmermann
        Front-End Development Director / Miva, Inc.

        Comment


          #5
          That was the first thing I did - but there is no content. That's why I was thinking there was something else at play here.

          Comment


            #6
            I tested this on my other dev store that doesn't have customizations and I am getting the same functionality. You can test by adding different length messages into the textarea.

            https://dts2290.mivamerchantdev.com/...membrance-gift

            Comment


              #7
              Looks like there might be a typo in the ReadyTheme Checkout Basket Summary Content section. Try updating the code to this:

              Code:
              <table class="c-table-simple t-checkout-basket-summary__product-summary">
              <thead>
              <tr class="c-table-simple__row">
              <td class="c-table-simple__cell u-flex o-layout--justify-between o-layout--align-baseline">
              <mvt:if expr="l.settings:global_minibasket:basket_count GT 1">
              <p class="u-text-bold u-text-uppercase o-layout--grow">Your Cart: &mvte:global_minibasket:basket_count; Items</p>
              <mvt:else>
              <p class="u-text-bold u-text-uppercase o-layout--grow">Your Cart: &mvte:global_minibasket:basket_count; Item</p>
              </mvt:if>
              <a class="u-font-small u-color-black" href="&mvte:urls:BASK:auto;">Edit Cart</a>
              </td>
              </tr>
              </thead>
              <tbody>
              <mvt:assign name="g.basket_subtotal" value="0" />
              <mvt:foreach iterator="group" array="basket:groups">
              <tr class="c-table-simple__row">
              <td class="c-table-simple__cell">
              <div class="t-account-landing__subscription-product">
              <picture class="t-checkout-basket-summary__image">
              <mvt:if expr="ISNULL l.settings:group:imagetypes:main">
              &nbsp;
              <mvt:else>
              <img src="&mvte:group:imagetypes:main;" alt="&mvt:group:name;" title="&mvt:group:name;">
              </mvt:if>
              </picture>
              <div class="u-font-small">
              <strong>&mvt:group:name;</strong><br />
              <mvt:if expr="l.settings:group:upsold">
              (Special Offer)<br />
              </mvt:if>
              <span class="u-font-small">
              <span>SKU: &mvt:group:code;</span><br>
              <mvt:foreach iterator="discount" array="group:discounts">
              <mvt:if expr="l.settings:discount:display">
              <mvt:if expr="'sale' CIN l.settings:discount:descrip">
              <mvt:assign name="l.settings:discount:descrip" value="'Savings'"/>
              <mvt:else>
              <mvt:assign name="l.settings:discount:descrip" value="l.settings:discount:descrip"/>
              </mvt:if>
              <span class="u-color-red">&mvt:discount:descrip;: &mvt:discount:formatted_discount;</span><br>
              </mvt:if>
              </mvt:foreach>
              <mvt:foreach iterator="option" array="group:options">
              <mvt:if expr="l.settings:option:option_id">
              <span>&mvt:option:attr_prompt;: &mvt:option:opt_prompt;</span><br>
              <mvt:elseif expr="NOT ISNULL l.settings:option:data">
              <span>&mvt:option:attr_prompt;: &mvt:option:data;</span><br>
              <mvt:elseif expr="NOT ISNULL l.settings:option:data_long">
              <span>&mvt:option:attr_prompt;: &mvt:option:data_long;</span><br>
              <mvt:else>
              <span>&mvt:option:attr_prompt;</span><br>
              </mvt:if>
              <mvt:foreach iterator="discount" array="option:discounts">
              <mvt:if expr="l.settings:discount:display">
              <span>&mvt:discount:descrip;: &mvt:discount:formatted_discount;</span><br>
              </mvt:if>
              </mvt:foreach>
              </mvt:foreach>
              <mvt:if expr="l.settings:group:subterm_id">
              <span>Subscription: &mvte:group:productsubscriptionterm:descrip;</span><br>
              </mvt:if>
              Qty: &mvt:group:quantity;
              </span>
              <ul class="o-list-inline">
              <li class="o-list-inline__item u-text-bold">&mvt:group:formatted_subtotal_comprehensive; </li>
              <mvt:assign name="g.basket_subtotal" value="g.basket_subtotal + l.settings:group:subtotal_comprehensive" />
              <mvt:if expr="l.settings:group:subtotal_base_price NE l.settings:group:subtotal">
              <li class="o-list-inline__item"><s>&mvt:group:formatted_subtotal_bas e_price;</s></li>
              </mvt:if>
              </ul>
              </div>
              </div>
              </td>
              </tr>
              </mvt:foreach>
              </tbody>
              </table>
              
              <mvt:do file="g.Module_Store_Module_Currency" name="l.settings:basket:formatted_subtotal" value="CurrencyModule_AddFormatting(g.Store:currnc y_mod, g.basket_subtotal)" />
              <table class="c-table-simple">
              <thead>
              <tr class="c-table-simple__row">
              <td class="c-table-simple__cell c-table-simple__cell--standard">
              <span class="u-text-bold u-text-uppercase">Order Summary</span>
              </td>
              </tr>
              </thead>
              <tbody>
              <tr class="c-table-simple__row u-font-small u-text-bold">
              <td class="c-table-simple__cell c-table-simple__cell--standard u-flex o-layout--justify-between">
              <span>
              <mvt:if expr="l.settings:global_minibasket:basket_count GT 1">
              Subtotal: &mvte:global_minibasket:basket_count; Items
              <mvt:else>
              Subtotal: &mvte:global_minibasket:basket_count; Item
              </mvt:if>
              </span>
              <span>&mvt:basket:formatted_subtotal;</span>
              </td>
              </tr>
              
              <mvt:foreach iterator="charge" array="basket:charges">
              <tr class="c-table-simple__row u-font-small">
              <td class="c-table-simple__cell c-table-simple__cell--standard u-flex o-layout--justify-between">
              <span>&mvt:charge:descrip;</span>
              <span>&mvt:charge:formatted_disp_amt;</span>
              </td>
              </tr>
              </mvt:foreach>
              
              <mvt:foreach iterator="coupon" array="basket:coupons">
              <tr class="c-table-simple__row u-font-small">
              <td class="c-table-simple__cell c-table-simple__cell--standard u-flex o-layout--justify-between">
              <span>&mvt:coupon:code;</span>
              <mvt:if expr="NOT ISNULL l.settings:coupon:descrip">
              <span>&mvt:coupon:descrip;</span>
              </mvt:if>
              </td>
              </tr>
              </mvt:foreach>
              
              <tr class="c-table-simple__row u-text-bold">
              <td class="c-table-simple__cell c-table-simple__cell--standard u-flex o-layout--justify-between u-text-uppercase">
              <span>Total</span>
              <span>&mvt:basket:formatted_total;</span>
              </td>
              </tr>
              
              <mvt:foreach iterator="split" array="splitpayment:splits">
              <tr class="c-table-simple__row u-font-small">
              <td class="c-table-simple__cell c-table-simple__cell--standard u-flex o-layout--justify-between">
              <span>Pending Payment: &mvt:split:desc;</span>
              <span>&mvt:split:formatted_amount_negative;</span>
              </td>
              </tr>
              </mvt:foreach>
              
              <mvt:if expr="( NOT ISNULL l.settings:splitpayment:remaining ) AND ( l.settings:splitpayment:remaining NE l.settings:basket:total )">
              <tr class="c-table-simple__row u-font-small">
              <td class="c-table-simple__cell c-table-simple__cell--standard u-flex o-layout--justify-between">
              <span>Total Remaining</span>
              <span>&mvt:splitpayment:formatted_remaining;</span>
              </td>
              </tr>
              </mvt:if>
              
              <mvt:if expr="l.settings:basket:applycoupons">
              <tr class="c-table-simple__row u-font-small">
              <td class="c-table-simple__cell c-table-simple__cell--standard t-checkout-basket-summary__promo-form">
              <input id="basket-coupon-form-toggle" class="u-hidden t-basket__basket-coupon-form-toggle" type="checkbox">
              <label class="u-flex o-layout--justify-between o-layout--align-center u-text-uppercase" for="basket-coupon-form-toggle">
              <span>Add Promo Code</span>
              <span class="u-icon-add"></span>
              </label>
              <form class="t-basket__coupon-form" data-hook="basket__coupon-form" method="post" action="&mvte:urls:_self:auto;">
              <fieldset>
              <legend>Add Promo Code</legend>
              <input type="hidden" name="Action" value="ACPN" />
              <ul class="c-form-list">
              <li class="c-form-list__item c-form-list__item--full c-control-group u-flex">
              <input id="Coupon_Code" class="c-form-input c-control-group__field u-text-regular" type="text" name="Coupon_Code" aria-label="Enter Promo Code" placeholder="Enter Promo Code" required>
              <input class="c-button c-control-group__button u-bg-gray-50 u-border-none u-text-uppercase" data-hook="basket__coupon-form-submit" type="submit" value="Apply">
              </li>
              </ul>
              </fieldset>
              </form>
              </td>
              </tr>
              </mvt:if>
              
              <mvt:if expr="l.settings:basket:redeemgiftcerts">
              <tr class="c-table-simple__row u-font-small">
              <td class="c-table-simple__cell c-table-simple__cell--standard t-checkout-basket-summary__promo-form">
              <mvt:if expr="g.Basket:cust_id EQ 0">
              <a class="u-color-black" href="&mvte:urls:GFTL:auto;">Redeem Gift Certificate</a>
              <mvt:else>
              <input id="basket-credit-form-toggle" class="u-hidden t-basket__basket-coupon-form-toggle" type="checkbox">
              <label class="u-flex o-layout--justify-between o-layout--align-center u-text-uppercase" for="basket-credit-form-toggle">
              <span>Redeem Gift Certificate</span>
              <span class="u-icon-add"></span>
              </label>
              <form class="t-basket__coupon-form" method="post" action="&mvte:urls:_self:auto;">
              <fieldset>
              <legend>Redeem Gift Certificate</legend>
              <input type="hidden" name="Action" value="RDGC" />
              <ul class="c-form-list">
              <li class="c-form-list__item c-form-list__item--full c-control-group u-flex">
              <input id="GiftCertificate_Code" class="c-form-input c-control-group__field u-text-regular" type="text" name="GiftCertificate_Code" aria-label="Enter Certificate Code" placeholder="Enter Certificate Code" required>
              <input class="c-button c-control-group__button u-bg-gray-50 u-border-none u-text-uppercase" type="submit" value="Apply">
              </li>
              </ul>
              </fieldset>
              </form>
              </mvt:if>
              </td>
              </tr>
              </mvt:if>
              
              <tr>
              <td>
              <br>
              <mvt:item name="readytheme" param="contentsection( 'helpful_info' )" />
              </td>
              </tr>
              </tbody>
              </table>
              Matt Zimmermann
              Front-End Development Director / Miva, Inc.

              Comment


                #8
                That did it thanks! For anyone else all I had to change was change a misspelling from:
                Code:
                <mvt:elseif expr="NOT ISNULL l.settings:option:data_logn">
                <span>&mvt:option:attr_prompt;: <span class="u-text-medium">&mvt:option:data_logn;</span></span><br>
                to this:

                Code:
                <mvt:elseif expr="NOT ISNULL l.settings:option:data_long">
                <span>&mvt:option:attr_prompt;: <span class="u-text-medium">&mvt:option:data_long;</span></span><br>

                Comment

                Working...
                X