- What is Saved For Later?
- Enabling Save For Later
- Moving Items Into A Saved List
- Customizing The Saved For Later Area
What is Saved For Later?
Closely related to wishlists, the Save For Later feature allows customers to save items for later. The key difference however is that with this feature there is a handy 'Saved For Later' section on the shopping cart page that will display these items to customers before they go to checkout. If you haven't already read our article on wishlists, please read it here. The Saved For Later list can be thought of as a intermediate area between a temporary list and a saved wish list. It is the default list for saving items, and it is saved to a user's account if they are logged in. (This feature is still applicable for logged out users, although nothing will save to an account. It will just be saved to their current session)
Enabling Save For Later
To enable this feature, navigate to Themes > Edit Theme > Shopping Cart Page >Basic Settings, and under the Shopping Cart Display Section, check Show Save For Later:
After enabling Save For Later, a link will appear next to items in your shopping cart that will allow users to move items into their saved for later list.
Once there is at least one item that the user has saved for later, the Saved For Later area will appear at the bottom of the shopping cart page. From here, users can remove the item, move it back into their cart, or they can move it to another saved list.
Moving Items Into A Saved List
If the user is logged in, they will be able to move items from either their shopping cart or their Saved For Later list into a separate named list that is saved to their account. New to version 2019.1.2111.3+ is a list popover that makes moving items into saved lists much easier. This will allow you to move an item directly into a named list, or allow you to create a new list without having to navigate to other pages.
Customizing The Saved For Later Area
The Saved For Later area on the shopping cart page is fully customizable. To edit it, navigate to Themes > Edit Theme > Shopping Cart Page >HTML Editor. From here there is an ac:layoutarea called SaveForLater. Inside this area is the repeater where products will display, and product ## merge codes can be used, as well as some SaveForLater specific $$ merges.
Here is the default Save For Later layout for reference:
<div class="SaveForLaterArea">
<ac:visibilityarea id="SaveForLaterHeaderArea">
##SET[SavedForLaterItemCount=$$SAVEDFORLATERITEMCOUNT$$]##
##IF[SavedForLaterItemCount!=0]##
<h1> Saved For Later<small> - $$SAVEDFORLATERITEMCOUNT$$ Item(s) </small></h1>
##ENDIF##
</ac:visibilityarea>
<table id="tblSaveForLaterCart" class="SaveForLaterTable table">
<ac:layoutarea id="SaveForLater">
<tr>
<td class="SaveForLater pad-r-100">
<div class="pad-b-20">
<div class="SaveForLaterChildBranch">
$$CHILDBRANCHIMAGE$$
</div>
<a href="##ITEMURL##" class="thumbnail f-left clear m-10 m-r-only">
$$THUMBNAIL$$
</a>
<div class="m-l-100">
<ac:visibilityarea id="SaveForLaterItemInfoArea">
<div class="SaveForLaterItemInfo">
<table>
<tr>
<td>
<h4>
<a href="##ITEMURL##">##ITEMNAME## ##VARIATIONS##</a>
</h4>
$$AVERAGEREVIEWRATINGSTARS$$
##SET[ItemNumber##ITEMNAME##=##ITEMNR##]##
##IF[ItemNumber##ITEMNAME##!=]##
Item # ##ITEMNR## |
##ENDIF##
##PRODUCTSTATUS##
</td>
</tr>
</table>
</div>
</ac:visibilityarea>
<ac:visibilityarea id="AddToCartArea">
<div class="SaveForLaterAddToCart">
$$REMOVEFROMCARTLINK$$ |
$$MOVETOCARTLINK$$ |
$$MOVETOWISHLISTLINK$$
</div>
</ac:visibilityarea>
</div>
</div>
</td>
<td class="v-mid v-m in-block" nowrap="">
<div class="CartItemPriceArea">
<div>##QUANTITY## x </div>
<div class="ShoppingCartPrice ShoppingCart no-pad">$$ITEMPRICEDOLLARS$$$$ITEMPRICECENTS$$ $$UNITS$$</div>
</div>
</td>
</tr>
</ac:layoutarea>
</table>
</div>