List Style

List Style is one option for displaying a Product Listing. This can be selected from Journal > Skins > Edit > Product Listing > General > Default View by pushing the button labeled "List" . Once the List Style is selected as Default View, additional settings can be applied to it, by using the Product List Style option.

The Product List Style allow you to select from a list of predefined styles created in Journal > Styles > Product List > .... If the Quick Edit is selected (click on the blue small pencil button) the selected List Style can be edited.

The settings available in the Product List Style section from Journal Admin are pretty similar with the ones included in Product Page Style section, fully described in our documentation on Products.

One additional setting not presented in Product Page Style is the Quickview Button and for that reason we will enter into more details related only to this particular feature.

Quickview Button is a feature added to a product which is displayed in a list and it is in fact a button situated right in the middle of the product picture (see below).

When the button is hit a dedicated window is open in which are presented the product details, similar with the ones included in the Product Page.

The above mentioned window associated with the Quickview Button can be styled from Journal > Styles > Quickview > ... with similar options as in the Product Page window (see below).

Quickview Button section from Journal Admin allow to set ON or OFF the Visibility for the Quickview button. In addition there are options for Out of Stock Visibility, Button Position, Margin, Display, Icon, Custom Size, Padding Override, Radius Override and Button Style. The Quickview Button uses a Button style created in Journal > Styles > Button > ....

The Countdown section from Product List Style has an additional feature by allowing to set up the Offset. Please note that the Countdown is generally styled in _Journal > Styles > Countdown > ... and is included also in the Product Page Style.

The Extra Button section from Product List Style has also an additional feature by allowing to set the Icon Tooltip (The Status and The Tooltip Position).