Adding Products to Stores

Administrators can create and manage products within storefronts, configuring pricing, availability, images, and variants to build comprehensive product catalogs. Products are the core content of storefronts, representing items that customers can browse, add to carts, and purchase through the checkout process. Each product belongs to a single storefront and can be organized into collections for improved browsing experiences.

Requirements

To add and manage products in a store, users must be assigned a security role with one of the following permissions:

• Administrator System Role
• Store Manage Access

Products List

The Products tab within a storefront displays all products in a list view with the following columns:

• Name: The product name displayed to customers
• Product Code: The SKU or reference identifier for the product
• Active: Indicates whether the product is visible in the storefront
• Created On: The date the product was created
• Modified By: The user who last modified the product

The list supports searching by product name and sorting by column headers to help locate specific products in large catalogs.

Creating Products

To add a product to a store:

1. Navigate to the Setup Home page and click Create > Stores
2. Click on the storefront name to open the storefront management interface
3. Select the Products tab
4. Click New Product
5. Configure the product fields as described in the sections below
6. Click Create

Product Information Fields

Basic Information

Name (Required): Enter the product name that displays to customers in the storefront, shopping cart, and order records. Choose clear, descriptive names that help customers identify products.

Summary (Required): Enter a brief description of the product. The summary appears under the product title in catalog listings and provides customers with quick product information before viewing full details.

Description: Enter comprehensive product details using the rich-text editor. The description supports formatted text, images, links, and other content to fully describe product features, specifications, and benefits. This content appears on the individual product detail page.

Product Code: Enter an SKU, reference number, or internal identifier for the product. Product codes help with inventory management, order fulfillment, and integration with external systems. Codes appear on order records and can be used for searching products.

Pricing

The Pricing section is collapsible and contains pricing configuration fields.

Starting Price (Required): Enter the base price for the product in the storefront currency. This price displays to customers and is used for order calculations. For products with variants, this serves as the default price when variants do not specify individual pricing.

Compare at Price: Enter an optional comparison price to display alongside the starting price. This field is typically used to show original prices during sales or promotions, allowing customers to see the discount value. The compare at price displays with strikethrough formatting in the storefront.

Charge taxes on this product: When enabled (default), tax calculations are applied to this product during checkout based on configured store regions. Disable this option for tax-exempt products such as certain food items, medical supplies, or products sold to tax-exempt customers.

Product Organization

The Product Organization section is collapsible and contains categorization fields.

Product Type: Enter or select a product type for internal categorization. Product types help organize products for reporting, filtering, and automated collection rules. Examples include "Apparel," "Electronics," "Accessories," or custom categories aligned with your product catalog structure.

External ID: Enter an identifier used for integration with external systems such as ERP platforms, fulfillment services, or inventory management systems. This field enables mapping between Magentrix products and corresponding records in connected systems.

Product Availability

The Product Availability section is collapsible and contains visibility settings.

Active / Product Visibility: When enabled, the product is visible to customers browsing the storefront. Disable this option to hide products from the storefront while retaining them in the system for future use or reference. Inactive products remain in the product list for administrative access but do not appear in customer-facing catalog views.

Publish Date: Select an optional date and time after which the product becomes visible in the storefront. Use publish dates to schedule product launches, coordinate with marketing campaigns, or prepare products in advance of promotional events. Products with future publish dates remain hidden until the specified date and time, even when Active is enabled.

Shipping

The Shipping section is collapsible and contains physical product settings.

This is a physical product: Enable this option for products that require shipping or physical delivery. When enabled, additional shipping-related fields become available:

• Product Weight: Enter the weight value for the product
• Weight Unit: Select the unit of measurement (pounds, kilograms, ounces, grams)

Physical product designation and weight information support shipping calculations and fulfillment coordination. Digital products or services typically do not require this option.

Managing Product Images

Product images provide visual representation in the storefront catalog and product detail pages. Image management is available when editing existing products.

Adding Images

To add images to a product:

1. Open the product for editing by clicking on the product name in the Products list
2. Scroll to the Images section
3. Click Upload Image
4. Select an image file from your computer and click Open
5. Enter an optional caption for the image
6. Click Save
7. Click Save Changes to save the product

Multiple images can be uploaded for each product. The first image typically serves as the primary product image in catalog listings.

Adding Videos

To add a video to a product:

1. Open the product for editing
2. Scroll to the Images section
3. Click Add a Video
4. Enter the video URL or embed code
5. Click Save
6. Click Save Changes to save the product

Videos can provide product demonstrations, usage instructions, or promotional content that enhances the customer experience.

Managing Product Variants

Variants enable products to have multiple versions representing different options such as sizes, colors, or configurations. Each variant can have its own code and price while remaining connected to the parent product. Variant management is available when editing existing products.

Understanding Variants

The Variants section displays a table with the following columns:

• Option Name: The variant attribute (e.g., Size, Color) with the specific value (e.g., S, M, L, XL)
• Code: The unique SKU or identifier for this specific variant
• Price: The price for this variant (can differ from the base product price)
• Actions: Edit and Delete options for each variant

Creating Variant Options

Before adding individual variants, you must define the variant options (attributes) available for the product:

1. Open the product for editing
2. Scroll to the Variants section
3. Click Edit Options
4. Define the option name (e.g., "Size") and available values (e.g., "S, M, L, XL")
5. Click Apply Changes

Adding Variants

After defining variant options, add individual variants:

1. In the Variants section, click Add Variant
2. Select the option value for this variant
3. Enter the variant Code (SKU for this specific variant)
4. Enter the variant Price (leave blank to use the base product price)
5. Click Apply Changes
6. Click Save Changes to save the product

Repeat this process for each variant option value. For example, a product with Size options S, M, L, XL would have four variants created.

Editing Variants

To modify an existing variant:

1. In the Variants table, click the Edit icon in the Actions column for the variant
2. Modify the Code or Price as needed
3. Click Apply Changes
4. Click Save Changes to save the product

Reordering Variants

To change the display order of variants:

1. Click Reorder Variants
2. Drag and drop variants to the desired order
3. Click Apply Changes
4. Click Save Changes to save the product

Variant order determines how options appear to customers when selecting product variations during purchase.

Deleting Variants

To remove a variant:

1. In the Variants table, click the Delete icon in the Actions column for the variant
2. Confirm the deletion
3. Click Save Changes to save the product

Editing Products

To edit an existing product:

1. Navigate to the storefront and select the Products tab
2. Click on the product name to open the edit form
3. Modify fields as needed
4. Click Save Changes

When editing products, additional sections for Images and Variants become available that are not present during initial product creation.

Deleting Products

To delete a product:

1. Navigate to the storefront and select the Products tab
2. Locate the product in the list
3. Click the dropdown arrow or action menu for the product
4. Select Delete
5. Click OK to confirm deletion

Products and Collections

Products can belong to multiple collections for organizational purposes. Collection membership is managed through the Collections interface rather than individual product settings. When creating automated collections, products are automatically included based on matching field criteria such as Product Type, price ranges, or other attributes.

See Creating Store Collections for information on organizing products into collections.

Best Practices

Product Information Quality

Descriptive Names: Use clear, specific product names that help customers identify items. Include key attributes like size, color, or model when relevant to distinguish similar products.

Comprehensive Descriptions: Provide detailed product descriptions including specifications, features, benefits, and use cases. Rich descriptions support informed purchasing decisions and reduce support inquiries.

Consistent Product Codes: Establish a consistent SKU naming convention across all products. Systematic codes simplify inventory management, order processing, and integration with external systems.

Pricing Strategy

Compare at Price Usage: Use compare at prices strategically for promotional periods. Ensure compare at prices reflect genuine previous pricing to maintain customer trust.

Variant Pricing: Consider whether variants should have different prices based on material costs, size differences, or market positioning. Maintain pricing consistency that customers perceive as fair and logical.

Image Guidelines

Quality Images: Use high-quality product images with consistent styling, lighting, and backgrounds. Professional images significantly impact purchasing decisions.

Multiple Angles: Provide multiple images showing different angles, details, and context for physical products. Customers appreciate comprehensive visual information.

Consistent Dimensions: Maintain consistent image dimensions and aspect ratios across products for uniform catalog presentation.

Variant Management

Complete Variant Coverage: Ensure all available product options have corresponding variants. Missing variants frustrate customers who cannot select their preferred options.

Accurate Variant Codes: Assign unique, systematic codes to each variant for accurate order processing and inventory tracking.

Troubleshooting

Issue: Product not appearing in storefront

Solution: Verify the product has Active/Product Visibility enabled. Check if a Publish Date is set in the future. Confirm the product belongs to at least one collection if the storefront uses collection-based browsing.

Issue: Variants not displaying to customers

Solution: Ensure variant options are defined using Edit Options before adding individual variants. Verify variants have been saved by clicking Save Changes after variant configuration.

Issue: Product images not uploading

Solution: Verify image file format is supported (JPG, PNG, GIF). Check file size is within acceptable limits. Ensure you click Save Changes after uploading images to persist the changes.

Issue: Tax not being calculated for product

Solution: Verify "Charge taxes on this product" is enabled in the Pricing section. Confirm store regions are configured for the customer's location. Check that Calculate Taxes is enabled in storefront checkout settings.

Jump to Stores Module Checklist

<< Creating Storefronts | Creating Store Collections >>