Announcement: You can find the guides for Commerce 7.5 and later on the new Elastic Path Documentation site. This Developer Center contains the guides for Commerce 6.13.0 through 7.4.1.Visit new site

This version of Elastic Path Commerce is no longer supported or maintained. To upgrade to the latest version, contact your Elastic Path representative.

7 - Demoing your extensions

7 - Demoing your extensions

Selecting the automatic renewal option in the Storefront

After you modify the velocity templates to support the automatic renewal, your customers can sign up for the automatic renewal as they checkout in the Storefront.

  1. Start the web applications as shown in 2. Run Storefront.
  2. Go to the SnapItUp store's home page: http://demo.elasticpath.com:8080/storefront/
  3. Click the Tutorials tab.
    Note:

    If you don't see any products after clicking the Tutorials tab, try rebuilding the Product Search Index in the Commerce Manager Client.

  4. Select the Snap It Up Tutorial Plan.
  5. Click Add to Cart.
  6. Click Checkout.
  7. Under I HAVE an account, log in as the following user:
    Email Address alana.abercombie@elasticpath.com
    Password password
  8. Under Payment Information, click Renew my subscription automatically and bill me.AutoBill.PNG
  9. This signs you up for the automatic renewal.
  10. Under Payment Information, enter the following security code and click Submit Order.
    Security Code
    111
  11. Under Order Details, remember the Order Number since you'll need it to view the order in the Commerce Manager Client.Tut4OrderDetails.png
    Note:

    You may see the following message after you submit your order:EmailWarning.png

    This message appears when:

    • Elastic Path is not assigned an SMTP server. To assign an SMTP server to Elastic Path, set the COMMERCE/SYSTEM/EMAIL/mailHost setting to your SMTP server's host name.
    • The email account being mailed does not exist. To view the order confirmation email, create an order with a customer account that has an existing email address.

    For this tutorial, you can ignore this message.

Viewing an order's automatic renewal option in the Commerce Manager Client

Once your Commerce Manager Client is configured to use your extended OrderEditor, your customer sales representatives can examine the order to view whether a customer has signed up for automatic renewal.

Running the Commerce Manager Client in Eclipse

Note:

In this tutorial, we run the Commerce Manager Client from within Eclipse. If you want to run the extended Commerce Manager Client outside of Eclipse, you will have to convert your com.extensions.cmclient.order plugin into a Maven project and wrap it up in a feature.

  1. With the command line, navigate to <Source Code Root>\extensions \cmserver\ext-cmserver-webapp, and run the following command to start up the Commerce Manager server:
    mvn tomcat7:run-war
  2. In Eclipse, right-click on com.elasticpath.cmclient.core/commercemanager.product and select Run As->Run Configurations....
  3. In the Launch Configurations list, select Eclipse Application->commercemanager.product commerce.product.PNG
  4. Under Program to Run in the Main tab, make sure Run a product and com.elasticpath.cmclient.core.product are selected.
  5. Click the Plug-ins tab.
  6. In the Plug-ins list, select com.extensions.cmclient.order (1.0.0.qualifier) to include your extended OrderEditor in the Client's startup.
  7. Click Run.

Viewing the Order

  1. Log in to the Commerce Manager Client.
  2. Choose Activity -> Customer Service.
  3. In the Customer Service Search tab, click Orders.
  4. Under Order Number:, enter the Order Number you got from the Storefront and click Search.
  5. In the Order Search Results tab, open your order.
  6. In the Order Details window, click the Additional Order Information tab.CMAutoBill.PNG