Administering generic eCommerce

Using the Tools console open the Commerce folder.

Double-click to open the Product Importer:

Specify:

• Store Name

  Products are imported to:

  /etc/commerce/products/<*store name*>/

• Commerce Provider

  The importer for your commerce provider; by default Geometrixx.

• Source File

  The location in the repository of the file you want imported.

• Incremental Import

  Indicate whether this is an incremental import (as opposed to full).

Click Import Products.

Using the Products console (via Commerce) navigate to the required location.

Use the Create icon to select either (depending on the structure and location):

• Create Product
• Create Product Variation

The wizard opens. Use the Basic and Product Tabs to enter the product attributes for the new product or product variant.

NOTE

Title and SKU are the minimum required to create a product or variant.

Select Create to save the information.

Using the Products console (via Commerce) navigate to your product information.

Using either:

• quick actions
• selection mode

Select the View Product Data icon:

The product attributes are shown. Use Edit and Done to make any changes.

Using the Products console (via Commerce) navigate to your product information.

Open the secondary rail for References with the icon:

Select your required product - the secondary rail updates, showing you the reference types available:

Click on the reference type (for example, Product Pages) to expand the list.

Select a specific reference so you can show the options:

• Navigate to Product Page
• Edit Product Page

Navigate to the Products console, via Commerce.

Open the secondary rail for Search with the icon:

Several facets are available for you to search for products. You can use only one or several facets for a search. The products found appear:

Clicking/tapping a product opens it. You can also publish it or view the product data.

Navigate to:

http://localhost:4502/crx/de/index.jsp#/libs/commerce/gui/content/products/aside/items/search/items/searchpanel/facets

You can edit, for example, the sizes that appear on the product search page. Click the sizegroup node.

Click items node, then click propertypredicate node.

You can edit the propertyValues. For example, you could add XS, or XXL, or remove a size.

Click Save All and navigate to the products search page. Your changes should appear.

Navigate to the Products console, via Commerce.

Using the Products console, navigate to the required product.

NOTE

You have to be at the product level, not at the variant level.

Select the View Product Data icon with selection mode or quick actions.

Select the Edit icon.

Scroll to Add.

Select Add. A new asset placeholder appears.

Selecting Change opens a dialog box that lets you choose an asset.

Select the asset that you want to add.

NOTE

The assets you can select are from Assets.

Select the Done icon.

Select View Product Data.

Type an Asset Category under the assets, for example, cat1 and cat2.

NOTE

You can also use tags for categories.

Select the Done icon. You now have to rollout your changes.

Using the Products console (via Commerce) navigate to your product information.

Using either:

• quick actions
• selection mode

Select the Publish or Unpublish icon as required:

The product information is published or unpublished, as appropriate.

Navigate to the page where you want to add the component.

Drag and drop the component in the page.

Drag and drop an image in the component from the assets browser.

You can either:

• click the component and then click the Edit icon
• make a slow double-click

Click the fullscreen icon.

Click the Launch Map icon.

Click one of the shape icons.

Modify and move the shape as required.

Click the shape.

Clicking the browse icon opens the Asset Picker.

NOTE

Alternatively, you can type directly the product path which has to be at the product level, not the variant level.

Click the confirm icon twice then click exit fullscreen.

Click somewhere on the page next to the component. The page should refresh and you should see the following symbol on your image:

Switch to preview mode.

Click the + hotspot. A dialog opens where you can choose the size and quantity of the product you entered in Path.

Enter a size and a quantity.

Click the Add to cart button. The dialog closes.

Navigate to your cart. The product should be here.

Click the component and click the configure icon.

Scroll down. There is an ADD TO CART tab.

Click ADD TO CART. There are three configuration options that you can use.

Click the Done icon.

Open the Sites console (for example, http://localhost:4502/sites.html/content).

Navigate to the location where you want to create the page.

To open the option list, use the Create icon:

From the list, select Create Catalog. The Create Catalog wizard opens.

Navigate to the required Catalog Blueprint.

Select the Select button and click the required Catalog Blueprint.

Select Next.

Type a Title and a Name.

Select the Create button. The catalog is created and a dialog opens.

Selecting the Done button brings you back to the Sites console where you can see your catalog.

Tapping/clicking Open Catalog button opens your catalog (for example, http://localhost:4502/editor.html/content/test-catalog.html).

Using the Websites console, navigate to your Catalog Blueprint, then the Base Catalog.

For example:

http://localhost:4502/siteadmin#/content/catalogs/geometrixx-outdoors/base-catalog

Create a page using the Section Blueprint template.

For example, Swimwear.

Open the new Swimwear page, then click Edit Blueprint. The Properties dialog box opens so you can set up the Products selection.

For example, open the Tags/Keywords field to select Activity, then Swimming from the Geometrixx-Outdoors section.

Click OK so that your properties are saved; example products are shown under the Product Selection Criteria on the blueprint page.

Click Rollout Changes…, select Rollout page and all sub pages, then click Next then Rollout. Once the rollout is completed successfully, the Status indicator shows as green.

You can now click Close and check the new catalog section; for example, on and under:

http://localhost:4502/cf#/content/geometrixx-outdoors/en/swimwear.html

Again from the blueprints page click Edit Blueprint and in the Properties dialog open the Generated Page tab. In the Banner list field, select the image that you want to show; for example, summer.jpg

Click OK so your properties are saved; banner information is shown under the Product Selection Criteria on the blueprint page.

Rollout these new changes.

Using the Tools console, navigate to Commerce.

For example:

http://localhost:4502/miscadmin#/etc/commerce

Open the Catalog Bluprint Importer.

Set the import as needed.

Click Import Catalog Blueprints.

Open the Websites console of your author instance.

In the left-hand pane, select your required Campaign.

Click New, select the Promotion template, then specify a Title (and Name if necessary) for your new voucher.

Click Create. The new promotion page is shown in the right-hand pane.

Edit the Properties by either:

• opening the page, then clicking the Edit button to open the Properties dialog
• selecting the page in the Websites console, then using the context menu (usually the right mouse button) to select Properties… and open the properties dialog

Specify the Promotion Type, Discount Type, Discount Value and any other fields as required.

Click OK to save.

You can now activate your promotion, so that shoppers see it on the publish instance.