Web Store Plugin

The CompleteDTC web store is a single-page integration that is 100% functional without any modification, but which provides you with a lot of flexibility in terms of look-and-feel. It reflects many years of observing shopping behavior, providing a simple, easy-to-navigate experience that minimizes cart abandonment. It is a mobile-first design that works well across virtually any device with minimal styling and no development work.

The primary store page must have order as its slug name. Basic integration is trivial:
data-content="order"

Each store is defined in Administration->Stores. You can set behavior there for each store type.

You can create separate pages for different stores, by adding the following parameter:
data-store-id="X"
where X is the store id number found on the upper-right corner of the store editor under Administration->Stores. This allows you to build "private" stores -- each with its own unique catalog. Feel free to contact CompleteDTC Support for guidance...

There are specific classes in the wrappers, which reflect the store model as well as the device type (mobile or desktop). As an example, here are a wrapper classes for a Model 3 store on a desktop environment that is operating as a web store:
desktop model3 webstore

These classes make it much simpler to style the store. The final CSS that loads is found under Administration->Stylesheets for Plugins->Webstore stylesheet.

Note that the order confirmation is a modal window on the order page. When an order has been submitted successfully, it congratulates them and offers a number of options, including Send a Gift, Join a Club (if they are not yet a club member), and/or Visit Your Member Portal (if they are a club member). These options, along with the html for each, are specified at Administration->Store Checkout.