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

Settings & layout - Product details

Product details area is about customizing both interfaces: the frontend and backend.

In frontend interface, you can customize the labels that appears under the product image:

  • Labels used for Upcoming product, New product, Featured product, Special product, Call for price, Free shipping and Bulk discount
  • In case the price is in currency that has many numbers, you can customize the size of the price to fit the space it has to be displayed.
  • Customize what image to show when no image was uploaded for a product variant.
  • Customized the brands / manufacturers field.

In backend interface, you can customize the followings:

  • To show the tax value field in case your products have different tax percent included in prices
  • The system can create codes for your products in case you need such help. The code generator appears when you edit Variants. In case you do not need it, you can hide it. The code can contain a suffix and a prefix customized by you.

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.


Admin - show product tax value

There are cases when different good categories have different taxes associated. In case you sell products that are subjects of different taxes, this field allow you to set the specific tax percent.
This field will appear in Basic details and will be taken in consideration in Variants where the retail prices are computed automatically as value with and without tax.
The editable field is a radio buttons control.
- If checked Yes - means that you want to display the Tax value field in Basic details (from edit product). For more detail see Basic details section.
- If checked No - means that you choose not to display the Tax value field. You are not tax payer or your tax is unique for all your products.

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 product type selector

Not in use.


Admin - show [generate code]

The OLALA Shopping Cart has tools to make your work as smooth as possible. Because the product variant code is a key element for bulk updates and imports, it is a good idea to use codes from very beginning to allow your business to grow. For businesses which did not used codes for their products (inventory), the system allow them to automatically, at a click of button, generate a unique code for their product variants.
The code generator will appear when editing Variants, at right of the field where the code should be filled.
The editable field is a radio buttons control.
- If checked Yes - means that the Generate button for code will be displayed and a new unique code will be generated each time you click on this button. Just copy the code generated at the right of the button and paste it in code field. For more detail see Basic details section.
- If checked No - means that the Generate button for code will not be displayed. Write the code corresponding to your records or you can leave the field empty. There are limitation in regards of bulk updates.

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 - generated code length (no prefix & suffix)

In case you use the Code generator, you can specify the length of the code. The length of the code will give the number of combinations available. The prefix and suffix will be added if applicable to the number of characters you are setting up here. See also Admin - show [generate code].
The code generator will appear when editing Variants, at right of the field where the code should be filled.
Write in the field provided the number of characters you want your code for variants to have.
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.


Admin - generated code prefix

In case you use the Code generator, you can specify a prefix for the code. See also Admin - show [generate code].
The code generator will appear when editing Variants, at right of the field where the code should be filled.
Write in the field provided the prefix (letter or numbers followed by dash symbol) you want your code for variants to have. This setting has an general effect; all the codes will start with this prefix. It is optional to be setup.
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.


Admin - generated code suffix

In case you use the Code generator, you can specify a suffix for the code. See also Admin - show [generate code].
The code generator will appear when editing Variants, at right of the field where the code should be filled.
Write in the field provided the suffix (dash symbol followed by letter or numbers) you want your code for variants to have. This setting has an general effect; all the codes will start with this suffix. It is optional to be setup.
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.


Upcoming product - label

Set here what you want to appear written at the right of the upcoming product icon (blue calendar icon). Also the date when the products will be available will be added after the label.
This upcoming label will appear in FRONEND when users are checking the details of a product.
Write in the field provided the word(s) that you want to appear in front of the date when the product become available. This setting has an general effect. It is optional to be setup. If nothing is written here, only the date when product will be available will be displayed after the icon.
Once the date upcoming date become current date, the upcoming product label is replaced with new product label.
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.


New product - label

Set here what you want to appear written at the right of the new product icon (red star icon).
This new label will appear in FRONEND when users are checking the product details.
Write in the field provided the word(s) that you want to appear after the new product icon. This setting has an general effect. It is optional to be setup. If nothing is written here, only the new product will be displayed (no explanation what the red star means).
The new product icon will stay as long as the system is set up in Products listing -> Products marked as new (30-days or 15-last).
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.


Featured product - label

Set here what you want to appear written at the right of the new product icon (orange heart icon).
This featured label will appear in FRONEND when users are checking the product details.
Write in the field provided the word(s) that you want to appear after the featured product icon. This setting has an general effect. It is optional to be setup. If nothing is written here, only the new product will be displayed (no explanation what the orange heart means).
The featured product icon will stay as long as the Yes is checked under the Products -> Basic details.
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.


Special product - label

Set here what you want to appear written at the right of the special product icon (green $ icon).
This special label will appear in FRONEND when users are checking the product details.
Write in the field provided the word(s) that you want to appear after the special icon. This setting has an general effect. It is optional to be setup. If nothing is written here, only the new product will be displayed (no explanation what the green $ means).
The special icon will stay as long as the Yes is checked under the Products -> Variants -> On special and the special time interval is on. See more details under Products -> Variants.
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.


Call for price - label

Set here what you want to appear written at the right of the call for price product icon (orange envelope icon).
This call for price label will appear in FRONEND when users are checking the product details.
Write in the field provided the word(s) that you want to appear after the call for price icon. This setting has an general effect. It is optional to be setup. If nothing is written here, only the call for price icon will be displayed (no explanation what the orange envelope means).
The call for price icon will stay as long as the Yes is checked under the Products -> Basic details. See more details under the Products -> Basic details.
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

Set here what you want to appear written at the right of the free shipping icon (green truck icon).
This free shipping label will appear in FRONEND when users are checking the product details.
Write in the field provided the word(s) that you want to appear after the free shipping icon. This setting has an general effect. It is optional to be setup. If nothing is written here, only the free shipping icon will be displayed (no explanation what the green truck means).
The free shipping icon will stay as long as the Yes is checked under the Products -> Basic details. See more details under the Products -> Basic details.
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.


Bulk discount - label

Set here what you want to appear written at the right of the bulk discount icon (orange luggage icon).
This bulk discount label will appear in FRONEND when users are checking the product details.
Write in the field provided the word(s) that you want to appear after the bulk discount icon. This setting has an general effect. It is optional to be setup. If nothing is written here, only the bulk discount icon will be displayed (with no explanation what the orange luggage means).
The bulk discount icon will stay as long as the Yes is checked under the Products -> Variants -> Breakdown price by Qty and the breakdown time interval is on. See more details under Products -> Variants.
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 in Product details page (FRONTEND). When the price is longer than the number of pixels you fill in this field (default: 83px), 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.


Variants image - if not set will show : 0 - product main image, 1 - [no image] image, 2 - nothing

There are three choices on what image to show as default when no image was uploaded for products variants:

  • Show the main image of the product
  • Show the "no image" as not available image
  • Do not show the image at all

To name what option you choose, just write:
0 if you want to be displayed the main image of the product;
1 if no image available is to be displayed as variant image;
2 if you do not to display the variant image at all.
The variant images are displayed in product detail page (FRONTEND) at the left of each variant. If applicable, when the user clicks on the variant image, the product image is replaced by this and user can see the details if puts the mouse over this image.
More details under Products -> Variants edit section.
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 description - brand / manufacturer label

This setting is about how you want to name the Brand / manufacturer field.
The label you set here for the brand / manufacturer field will be displayed in FRONEND when users are checking the product details - very first field that appears under the Description tab on light gray strap.
Write in the field provided the word(s) that you want to appear in front of the product brand name.
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.

On this page

Snapshots / images

Product details area

Product details area

Under Shop configuration -> Settings & layout choose Product details area from dropdown menu

Products edit - Variant

Products edit - Variant (BACKEND)

Sample of Products edit - Variant customization: Generate Code button at the right of Code field.

Products edit - Basic details

Products edit - Basic details (BACKEND)

Sample of Products edit - Basic details customization.

Product details

Product details (FRONTEND)

Sample of Product details customized labels for product features.

Text field

Settings & layout: edit - Text field

Sample of text field

Radio buttons

Radio buttons

Sample of radio buttons controls

Headings