Scroll

Product

This submenu item allows you to customize the appearance of your product's page.

Widgets, which are not presented in "Home" and "Category" tabs, are available for this tab (in addition to all default widgets): "Breadcrumbs", "Short Description", "Description", "Rating", "Properties", "Product Price", "Add to Cart button", "Options", "Media Gallery", "Product Title", "Reviews" and "Quantity".

"Short Description" - this feature allows you to set short description for each product.

You can customize the following features: "Responsive", "Alignment" and "Spacing".

You can preview widget's position using various devices: regular computertabletlandscape phoneportrait phone.

"Alignment" - this feature re-aligns your widget within the column, depending on the alignment side: left, middle or right.

"Spacing" - this feature allows you to edit padding feature (increase/decrease internal indent between the widget and column border from 4 sides: left, right, top, bottom). This editing can be made through 4 drop-down lists, which contain the following preset features: "Auto", "0", "Small", "Medium", "Large". "Auto" preset is used by default.

You can choose one of the ready-made values using arrow buttons or by clicking on them directly ("Auto", "0", "Small", "Medium", "Large").

To edit "Short Description" text you need to enter "Catalog" submenu item, find necessary product, click "Edit" button (pencil icon) and change description within the "General" tab.

"Description" - this widget allows you to set description for each product.

You can customize the following features: "Responsive", "Alignment" and "Spacing".

You can preview widget's position using various devices: regular computertabletlandscape phoneportrait phone.

"Alignment" - this feature re-aligns your widget within the column, depending on the alignment side: left, middle or right.

"Spacing" - this feature allows you to edit padding feature (increase/decrease internal indent between the widget and column border from 4 sides: left, right, top, bottom). This editing can be made through 4 drop-down lists, which contain the following preset features: "Auto", "0", "Small", "Medium", "Large". "Auto" preset is used by default.

You can choose one of the ready-made values using arrow buttons or by clicking on them directly ("Auto", "0", "Small", "Medium", "Large").

To edit "Description" text you need to enter "Catalog" submenu item, find necessary product, click "Edit"button (pencil icon) and change description within the "General" tab.

"Rating" - this widget allows you to use rating score for each product in the Store.

You can customize the following features: "Spacing".

"Spacing" - this feature allows you to edit padding feature (increase/decrease internal indent between the widget and column border from 4 sides: left, right, top, bottom). This editing can be made through 4 drop-down lists, which contain the following preset features: "Auto", "0", "Small", "Medium", "Large". "Auto" preset is used by default.

You can choose one of the ready-made values using arrow buttons or by clicking on them directly ("Auto", "0", "Small", "Medium", "Large").

"Properties" - this widget allows you to preview "Brand" and "SKU" on the product's page.

You can customize the following features: "Responsive", "Alignment" and "Spacing".

You can preview widget's position using various devices: regular computertabletlandscape phoneportrait phone.

"Alignment" - this feature re-aligns your widget within the column, depending on the alignment side: left, middle or right.

"Spacing" - this feature allows you to edit padding feature (increase/decrease internal indent between the widget and column border from 4 sides: left, right, top, bottom). This editing can be made through 4 drop-down lists, which contain the following preset features: "Auto", "0", "Small", "Medium", "Large". "Auto" preset is used by default.

You can choose one of the ready-made values using arrow buttons or by clicking on them directly ("Auto", "0", "Small", "Medium", "Large").

"Products Categories" - this widget allows you to customize the appearance of your products categories.

You can add/edit/remove categories within the Products - "Categories" submenu item.

It's separated into two tabs: "Settings" and "Design".

"Settings" tab contains the following features: "Responsive", "Alignment" and "Spacing".

You can preview widget's position using various devices: regular computertabletlandscape phoneportrait phone.

"Alignment" - this feature re-aligns your widget within the column, depending on the alignment side: left, middle or right.

"Spacing" - this feature allows you to edit padding feature (increase/decrease internal indent between the widget and column border from 4 sides: left, right, top, bottom). This editing can be made through 4 drop-down lists, which contain the following preset features: "Auto", "0", "Small", "Medium", "Large". "Auto" preset is used by default.

You can choose one of the ready-made values using arrow buttons or by clicking on them directly ("Auto", "0", "Small", "Medium", "Large").

"Design" tab allows you to choose various presets for your Categories.
 

"Options" - this widget allows you to preview variations of each product on the product's page.

You can customize the following features: "Spacing".

"Spacing" - this feature allows you to edit padding feature (increase/decrease internal indent between the widget and column border from 4 sides: left, right, top, bottom). This editing can be made through 4 drop-down lists, which contain the following preset features: "Auto", "0", "Small", "Medium", "Large". "Auto" preset is used by default.

You can choose one of the ready-made values using arrow buttons or by clicking on them directly ("Auto", "0", "Small", "Medium", "Large").

 

If you wish to add/edit/remove variations and options for your product - enter Products - "Catalog" submenu item, click "Edit" button on the right side of your product and enter "Variations" tab, where "Edit Options"/"Add Variant" buttons are presented.

"Product Title" - this widget allows you to customize the appearance of your product title on the product's page.

You can customize the following features: "Responsive", "Alignment", "Spacing" and "Style".

"Style" - this feature allows you to choose specific Text Style from the list of Text Styles for your product's title on the product's page.

You can preview widget's position using various devices: regular computertabletlandscape phoneportrait phone.

"Alignment" - this feature re-aligns your widget within the column, depending on the alignment side: left, middle or right.

"Spacing" - this feature allows you to edit padding feature (increase/decrease internal indent between the widget and column border from 4 sides: left, right, top, bottom). This editing can be made through 4 drop-down lists, which contain the following preset features: "Auto", "0", "Small", "Medium", "Large". "Auto" preset is used by default.

You can choose one of the ready-made values using arrow buttons or by clicking on them directly ("Auto", "0", "Small", "Medium", "Large").

"Product Price" - this widget allows you to customize the price of your product on the product's page.

You can customize the following features: "Price Style", "Old Price Style", "Responsive", "Alignment" and "Spacing".

"Price Style" - this feature allows you to change the text style of your product's price style.

"Old Price Style" - this feature allows you to change the text style of your product's old price style.

You can preview widget's position using various devices: regular computertabletlandscape phoneportrait phone.

"Alignment" - this feature re-aligns your widget within the column, depending on the alignment side: left, middle or right.

"Spacing" - this feature allows you to edit padding feature (increase/decrease internal indent between the widget and column border from 4 sides: left, right, top, bottom). This editing can be made through 4 drop-down lists, which contain the following preset features: "Auto", "0", "Small", "Medium", "Large". "Auto" preset is used by default.

You can choose one of the ready-made values using arrow buttons or by clicking on them directly ("Auto", "0", "Small", "Medium", "Large").

"Media Gallery" - this widget indicates the position of your product's image on the product page.

You can customize the following features: "Responsive", "Alignment" and "Spacing".

You can preview widget's position using various devices: regular computertabletlandscape phoneportrait phone.

"Alignment" - this feature re-aligns your widget within the column, depending on the alignment side: left, middle or right.

"Spacing" - this feature allows you to edit padding feature (increase/decrease internal indent between the widget and column border from 4 sides: left, right, top, bottom). This editing can be made through 4 drop-down lists, which contain the following preset features: "Auto", "0", "Small", "Medium", "Large". "Auto" preset is used by default.

You can choose one of the ready-made values using arrow buttons or by clicking on them directly ("Auto", "0", "Small", "Medium", "Large").

"Quantity" - this widget allows you to use quantity feature on the product's page.

You can customize the following features: "Control Label", "Style", "Responsive", "Alignment" and "Spacing".

"Control Label" - this feature allows you to change the title of your Quantity section.

"Style" - this feature allows you to change text style of your title within the Quantity section.

You can preview widget's position using various devices: regular computertabletlandscape phoneportrait phone.

"Alignment" - this feature re-aligns your widget within the column, depending on the alignment side: left, middle or right.

"Spacing" - this feature allows you to edit padding feature (increase/decrease internal indent between the widget and column border from 4 sides: left, right, top, bottom). This editing can be made through 4 drop-down lists, which contain the following preset features: "Auto", "0", "Small", "Medium", "Large". "Auto" preset is used by default.

You can choose one of the ready-made values using arrow buttons or by clicking on them directly ("Auto", "0", "Small", "Medium", "Large").

"Reviews" - this widget provides a possibility for your clients to post reviews for any product on your site.

To use "Yotpo" reviews on your site you need to enter Store - Settings - General submenu item, enable Yotpo reviews and paste "API Key" from your Yotpo admin account into the "API Token" field.

You can customize the following features: "Responsive", "Alignment" and "Spacing".

You can preview widget's position using various devices: regular computertabletlandscape phoneportrait phone.

"Alignment" - this feature re-aligns your widget within the column, depending on the alignment side: left, middle or right.

"Spacing" - this feature allows you to edit padding feature (increase/decrease internal indent between the widget and column border from 4 sides: left, right, top, bottom). This editing can be made through 4 drop-down lists, which contain the following preset features: "Auto", "0", "Small", "Medium", "Large". "Auto" preset is used by default.

You can choose one of the ready-made values using arrow buttons or by clicking on them directly ("Auto", "0", "Small", "Medium", "Large").

"Add to Cart Button" - this widget allows you to add necessary product into a cart and purchase it then.

You can customize the following features: "Button Text", "Auto-Redirect To Cart After Adding Product", "Responsive", "Alignment" and "Spacing".

"Button Text" - this feature allows you to change the title of your Add to Cart button.

"Auto-Redirect To Cart After Adding Product" - if enabled, you will be automatically redirected to the purchase page after you add product to the cart.

You can preview widget's position using various devices: regular computertabletlandscape phoneportrait phone.

"Alignment" - this feature re-aligns your widget within the column, depending on the alignment side: left, middle or right.

"Spacing" - this feature allows you to edit padding feature (increase/decrease internal indent between the widget and column border from 4 sides: left, right, top, bottom). This editing can be made through 4 drop-down lists, which contain the following preset features: "Auto", "0", "Small", "Medium", "Large". "Auto" preset is used by default.

You can choose one of the ready-made values using arrow buttons or by clicking on them directly ("Auto", "0", "Small", "Medium", "Large").

"Design" tab allows you to change the appearance of your "Add to Cart" widget using various presets and also change button size.


"Size" feature allows you to set specific size for your Add to Cart Button widget: "Small", "Medium", "Large".

Have more questions? Submit a request

Comments