Character Limits

[afiumano]

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?

[Matt Zimmermann]

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.

[afiumano]

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.

[Matt Zimmermann]

In that case, you might want to inspect that area and see if there is content but it is invisible.

[afiumano]

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.

[afiumano]

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

[Matt Zimmermann]

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

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

[afiumano]

That did it thanks! For anyone else all I had to change was change a misspelling from:

<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:

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