3 - One Page

Welcome to Elastic Path 5 - One Page!

Documentation

All product documentation is available online.

Usage Tips

You must have JavaScript enabled in your browser for One Page to work.

Editing a Cart Item

To view the various cart item editing features of One Page add the following products to your cart. You can find them by typing the given name into the search box in the SnapItUp Demo Store.
- "Pod Pouch"
- "Canon PowerShot SD30" (When you add this one, check the box beside "2 Year Extended Service Plan")
If One Page is enabled you should see the items in your shopping cart on the left side of the screen with the checkout steps to the right.
Clicking the "Edit" button under a cart item will expand a new section where you can edit the quantity and options of that cart item.
In the case of the Pod Pouch product you can see how a product with multiple sku options can be edited with an interactive interface. As your mouse moves over the different colors and sizes you can immediately tell which combinations are currently in stock and which are unavailable. When you select a valid combination the image by the cart image will be changed to reflect the selected color.
The Canon PowerShot SD30 product only has one sku option and displays as a standard select drop down box. After changing the color and clicking "Update" the image will be changed to the new color.
Dependent cart items (like the service plan you added to the Canon camera mentioned above) are displayed below the cart item to which they are attached. You can see that if you remove the Canon camera from your cart, the service plan will be removed as well.

Shipping to Different Addresses

To see how a returning customer can easily ship to different addresses using One Page, create a new user with several addresses.
Add something to your shopping cart and proceed to the checkout page.
If One Page is enabled you will see all your addresses in the shipping pane. To ship to a different address you can just click on the address you want, click "Continue" and proceed to the next step.

Testing

One Page is pre-configured with a "fake" payment processor that doesn't actually attempt to authorize the credit card entered. However, it does attempt to validate that the format of the number is correct for the given card type. To complete a checkout, choose the "VISA" card type with card number "4111111111111111".

Other Services

If you require assistance with your implementation, technical support or training, our world-class Professional Services team is available to ensure you get the most value from your purchase. Please contact your account manager for more information on these and other valuable services.

Regards,

Elastic Path Customer Service