Shopping cart widget

Use this widget to display the shopping cart.

PREREQUISITES: You have created the pages where the Checkout and the Product list widgets will be added.

After you have dragged the Shopping cart widget on your page you must configure it.

  1. To do this, click Edit button in the upper-right corner of the widget.
  2. Configure the link to the page where the Checkout widget is.
    This can be the same page or a different page.
    1. Under Link to checkout page, click Select a page.
      A list of all pages appears.
    2. Select the page and click Done selecting.
  3. Configure the link to the page where the Product list is.
    1. Under Link to Product list, click Select a page.
      A list of all pages appears.
    2. Select the page and click Done selecting.
  4. If for each product in the shopping cart, you want the system to display a link to move it to a wish list, select Allow user to move products to wish list checkbox. 
    You must configure the Wish list widget.
  5. In Size of thumbnails dropdown box, select the size of the product images that will be displayed in the Shopping cart widget.
    You use thumbnails instead of actual image sizes in order to speed up the loading of the page. 
    Choose between one of the predefined thumbnail sizes. For more information about defining new sizes, see Thumbnails.

    PREREQUISITES: The library that contains the product images must have generated thumbnails for the size that you have selected. For example, if in the Shopping cart widget you have selected size of thumbnails 80x80 px, the library that contains the product images must also have generated 80x80 px thumbnails. For more information, see Image libraries » Step 6. If the library does not have the selected size of thumbnails, the system automatically generates 160x160 px image thumbnails for the products.

  6. In Shopping cart template, select the template, which is used to display the shopping cart on the webpage.
    You can create a custom template by clicking Create new template. You can edit existing template by selecting it and clicking Edit template...
    For more information, see Create and edit widget templates.
  7. When you are finished, click Save.
    The Edit window closes and the Shopping cart widget is configured to display the shopping cart with the added products.

For more information about advanced configuration options, see Advanced configuration of widgets.

NOTE: The Shopping cart is displayed per user. Even if you use the same cookie (login from the same computer), you cannot see the shopping cart of another user. To change this behavior, click Administration » Settings » Advanced » Ecommerce and deselect KeepShoppingCartPerUser checkbox. If you use the shopping cart as anonymous user, in both cases, the system uses a cookie to display the cart.

Increase your Sitefinity skills by signing up for our free trainings. Get Sitefinity-certified at Progress Education Community to boost your credentials.

Web Security for Sitefinity Administrators

The free standalone Web Security lesson teaches administrators how to protect your websites and Sitefinity instance from external threats. Learn to configure HTTPS, SSL, allow lists for trusted sites, and cookie security, among others.

Foundations of Sitefinity ASP.NET Core Development

The free on-demand video course teaches developers how to use Sitefinity .NET Core and leverage its decoupled architecture and new way of coding against the platform.

Was this article helpful?