Skip to main content

Product Attributes

Attributes are a great tool that helps you to describe products and make the filtering system easier for customers. Product attributes can be grouped into different attribute sets that later will be used for creating new products.

TigrenPWA supports the most popular attribute settings. In this section, learn more about Attribute Settings and Attribute Input Types.

Attributes are the building blocks of your product catalog, and describe specific characteristics of a product. Product attributes can be organized into attribute sets, which are then used as templates for creating products.

Attributes determine the type of input control that is used for product options, provide additional information for product pages, and are used as search parameters and criteria for layered navigation, product comparison reports, and promotions. You can create as many attributes and attribute sets as necessary to describe the products in your catalog. In addition to the attributes that you can create, system attributes, such as price, are built into the core Commerce platform and cannot be changed.

Attribute settings#

You can create attributes while working on a product or from the Product Attributes page. Attributes can be configured based on your needs - visibility on the storefront, position in the layered navigation, etc. TigrenPWA respects the most popular settings and propagates the changes to the storefront.

Attribute Properties#

SectionStatusDescription
Default LabelSupportedThe label that identifies the attribute.
Catalog Input Type for Store OwnerSupportedDetermines the type of input control to be used for data entry. To see the input types supported by the TigrenPWA, see Attribute Input Types.
Values RequiredDetermine if you want to require an option selection before the customer can purchase the product.SupportedDetermine if you want to require an option selection before the customer can purchase the product.

Advanced Attribute Properties#

SectionStatusDescription
Attribute CodeSupportedA unique identifier for internal use.
ScopeSupportedLimits the use of an attribute to a specific store view or website.
Default ValueSupportedAssigns a starting value to the attribute to help during data entry.
Unique ValueSupportedRequires the attribute value to be different from all other values entered in the same attribute, within the context of the scope setting.
Input Validation for Store OwnerSupportedDetermines the validation check of the data entered in the field.
Add to Column OptionsSupportedDetermines if the column appears in the product grid.
Use in Filter OptionsSupportedDetermines if the attribute is used as a filter control at the top of columns in the grid.

Storefront Properties#

SectionStatusDescription
Use in SearchSupportedSelect Yes if you want customers to be able to search the catalog based on the value of the attribute.
Comparable on StorefrontSupportedIncludes the attribute in Product Compare.
Use in Layered NavigationSupported
SupportedAll attributes are visible in the layered navigation, even if there are no product results. To use the attribute in layered navigation, you must choose Filterable (with results).
Use in Search Results NavigationSupportedDetermined, if the attribute is used in layered navigation on search results pages.
PositionSupportedEnter a number to indicate the relative position of the attribute in the layered navigation block.
Use for Promo Rule ConditionsSupportedTo use the attribute in price rules
Allow HTML Tags on StorefrontSupported(Text Field and Text Area input types only) To be able to format the attribute value with HTML tags, select Yes.
Visible on Catalog Pages on StorefrontSupportedAll attributes that have a non-null value and are set as "Visible on Catalog Pages on Storefront" are displayed on the product description pages.
Used for Sorting in Product ListingSupportedIncludes the attribute as a Sort By option for catalog listings.
Used in Product ListingSupportedDetermines if the attribute is visible on category pages.

Attribute input types#

When viewed from the Admin, attributes are the fields that you complete when you create a product. The input type that is assigned to an attribute determines the type of data that can be entered and the format of the field or input control. From the standpoint of the customer, attributes provide information about the product, and are the options and data entry fields that must be completed to purchase a product.

When viewed from the Admin, attributes are the fields that you complete when you create a product. The attribute input type, in turn, determines the type of data that can be entered and the format of field or input control.

TigrenPWA theme supports all input types of attributes:

SectionStatusDescription
Text FieldSupportedA single line input field for text.
Text AreaSupportedA multiple-line input field for entering paragraphs of text, such as a product description. You can use the WYSIWYG Editor to format the text with HTML tags, or enter the tags directly into the text.
Text EditorSupportedA fully-functioning text editor at the attribute location.
DateSupportedDisplays a date value in the preferred format and time zone. Date values can be selected from a list or a calendar.
Yes/NoSupportedDisplays a drop-down list with pre-defined options of Yes and No.
DropdownSupportedDisplays a drop-down list of values that accepts only a single selection. The Dropdown input type is a key component of configurable products.
Multiple SelectSupportedDisplays a drop-down list of values that accepts multiple selections.
PriceSupportedThis input type is used to create price fields that are in addition to the predefined attributes: Price, Special Price, Tier Price, and Cost. The currency used is determined by your system configuration.
Media ImageSupportedAssociates an additional image with a product, such as a product logo, care instructions, or ingredients from a food label. When you add a media image attribute to the attribute set of a product, it becomes an additional image type, along with Base, Small, and Thumbnail. The media image attribute can be excluded from the storefront media browser.
Fixed Product TaxSupportedLets you define FPT rates based on the requirements of your locale.
Visual SwatchSupportedDisplays a swatch that depicts the color, texture, or pattern of a configurable product. A visual swatch can be filled with a hexadecimal color value, or display an uploaded image that represents the color, material, texture, or pattern of the option.
Text SwatchSupportedA text-based representation of a configurable product option that is frequently used for size. Text swatches can also include hexadecimal color values.