Page status: Up to date | Application version: From 1.3.5.2

Settings & layout - Products

Products listing area is about customizing the frontend interface:

  • Labels used for Call for price, Free Shipping, Product details, Add to card and Bulk discount
  • Default category open when user clicks on products
  • Customization of the way you consider the New products
  • Customization of way you display subcategories
  • Categories customization

To setup or change a setting, click the Edit button in line with that setting. A pop-up window will open to allow you to input your data.
The window has as title Edit setting to let you know you are in edit zone. Also this window always points out the Area and the Name of the setting you are going to change. The main point of this window is to allow you to write your details in regards with current setting. This is the only editable field. Add or make here the changes you need.
The editable fields in this area are: text fields and radio buttons controllers.
Click the Update button to make the change or click the Cancel button to abandon changes. The Update button and Cancel button will close the setting window and update the list accordingly.
The Close button (top right corner) has same result as Cancel has.


Call for price - label

Customize the label displayed for Call for price.
The Call for price mark is used when you have a product for which you do not want to display the price for some reason. The customers see your product, but they need to contact you to be able to buy. See also Basic details in Edit Products.
It appears in Product listing with an orange email icon followed by the label you assign in this setting. It is replacing the price line.
The editable field is text field.

To setup or change this setting, click the Edit button. Add or alter the input in pop-up window. Click the Update button to make the change and close the pop-up window or click the Cancel button to abandon changes.


Free shipping - label

Customize the label displayed for Free shipping.
The Free shipping mark is used to show the products for which you decided to incorporate the shipping cost within the product price. Usually is used as promotion and could be for just a period of time. The customers see your product and know that are no additional expenses for that product. The products mark with Free shipping will not be taken in consideration when the shipping is computed. See also Basic details in Edit Products.
It appears in Product listing with a green track icon followed by the label you assign in this setting. It is placed on view product details line.
The editable field is text field.

To setup or change this setting, click the Edit button. Add or alter the input in pop-up window. Click the Update button to make the change and close the pop-up window or click the Cancel button to abandon changes.


Product Details - label

Customize the label displayed for Product details.
The Product details mark is the page where the user will see all information and will buy the product.
It appears in Product listing as an orange button with a white eye icon followed by the label you assign in this setting. Clicking anywhere on product zone in product listing will have same effect as clicking the dedicated eye icon or label: user is taken in Product details. All products have this Product details button.
The editable field is text field.

To setup or change this setting, click the Edit button. Add or alter the input in pop-up window. Click the Update button to make the change and close the pop-up window or click the Cancel button to abandon changes.


Add to cart - label

This setting is obsolete. It will be deleted with the next upgrade.


Bulk discount - label

Customize the label displayed for Breakdown price by Qty. See Variants in edited Products.
The Bulk discount mark is the page where the user will see all information for Breakdown price by quantity.
It appears in Product listing as an orange luggage icon followed by the label you assign in this setting. It is placed on view product details line.
The editable field is text field.

To setup or change this setting, click the Edit button. Add or alter the input in pop-up window. Click the Update button to make the change and close the pop-up window or click the Cancel button to abandon changes.


Number characters show small price

This setting is about displaying the price in foreign currencies (with long string of numbers). This setting is to optimize the display of such long numbers. When the price is longer than 70px, the font used for price will be smaller.
The editable field is text field.

To setup or change this setting, click the Edit button. Add or alter the input in pop-up window. Click the Update button to make the change and close the pop-up window or click the Cancel button to abandon changes.


Number characters show very small price

This setting is about displaying the price in foreign currencies (with very long string of numbers). This setting is to optimize the display of such long numbers. When the price is longer than 90px, the font used for price will be smaller again.
The editable field is text field.

To setup or change this setting, click the Edit button. Add or alter the input in pop-up window. Click the Update button to make the change and close the pop-up window or click the Cancel button to abandon changes.


Default category open (expanded)

Customize what category to first open when a user click on Product option in the main menu.
Check and write into this setting the ID of the category you want to expend. See Categories listing.
The editable field is text field.

To setup or change this setting, click the Edit button. Add or alter the input in pop-up window. Click the Update button to make the change and close the pop-up window or click the Cancel button to abandon changes.


Products marked as new (30-days or 15-last)

What is new? Set the rule and let the website work by itself:

  • You can set to show a product with the new mark for a number of days. Write the number of days followed by -days (the number and -days written without spaces).
  • You can set to show as new products the last products added into the website. Write the number of last product you want to be new and add -last (the number and -last written without spaces).

The new products will have a dedicated page: New arrivals in the top menu and eventually in footer. See Settings & layout -> Footer area.
Some of new products may be displayed in home page. See Settings & layout -> Home page area.
Though out the website, the new products have the new mark.
The editable field is text field.

To setup or change this setting, click the Edit button. Add or alter the input in pop-up window. Click the Update button to make the change and close the pop-up window or click the Cancel button to abandon changes.


Category - show only products under it (not its subcategories)

This website has the flexibility to include products and subcategories. With this setting you can make another step into customization. You can choose to show only the products within a category and not the subcategories. This customization is about showcasing your most popular products within category instead to list the subcategories.
The editable field is a radio buttons control.
If checked Yes button means that you will show only the products under a category.
If checked No button means that the category will display the subcategories under it.
The subcategories will be available into categories menu in any circumstance.

The edit window will close automatically after you choose your answer. In case you did a mistake, edit again and choose the correct answer. The setting will be updated automatically.


Show subcategories images when no products

Each category can have an image assigned to it. In case the category has no image assigned to it, a product image within category can be displayed. In this way you avoid displaying no image available. See Category section.
The editable field is a radio buttons control.
If checked Yes button means that you will show a product image under that category.
If checked No button means that the category will display the no image.

The edit window will close automatically after you choose your answer. In case you did a mistake, edit again and choose the correct answer. The setting will be updated automatically.


Enable category description

Each category can have a description. It will be part of the SEO strategy. This setting is about showing or hiding the category description. See Category section.
The editable field is a radio buttons control.
If checked Yes button means that you will show the category description.
If checked No button means that the category description will not be displayed. The description if exist in behind will be ignored.

The edit window will close automatically after you choose your answer. In case you did a mistake, edit again and choose the correct answer. The setting will be updated automatically.


Category description area - open (show it)

This setting is about showing or hiding the category description when the category is open. See Category section.
The editable field is a radio buttons control.
This setting is working in conjunction with the Category description area - open (show it) above. If checked Yes button means that the category description will be shown.
If checked No button means that the category description will be hidden. The user have to click on show button to display it.

The edit window will close automatically after you choose your answer. In case you did a mistake, edit again and choose the correct answer. The setting will be updated automatically.


Admin - Show strictly products under a category (not under all its subcategories)

This setting is for BACKEND customization. The admin will be able to customize the way categories are displayed under product listing.
If checked Yes button means that the admin will see only products within a category and not the subcategories
If checked No button means that the category will be displayed with products contained by all its subcategories.

The edit window will close automatically after you choose your answer. In case you did a mistake, edit again and choose the correct answer. The setting will be updated automatically.

On this page

Snapshots / images

Products listing area

Products listing area

Under Shop configuration -> Settings & layout choose Products listing area from dropdown menu

Products listing

Products listing (FRONTEND)

Sample of Product listing - listing the products in categories.

Category description

Category description (FRONTEND)

Sample of Category description show FRONTEND.

Text field

Settings & layout: edit - Text field

Sample of text field

Radio buttons

Radio buttons

Sample of radio buttons controls

Headings