Skip to main content
For dev - Display Type Component (App Lib V2)
Thomas Ta avatar
Written by Thomas Ta
Updated over a week ago

⚠️ This instruction is appropriate for App Lib V2 only. Please contact us for further assistance.


Overview

The display type determines whether to view a product list in list grid or collage type.


DOM element

Pagination Component renders the pagination on .boost-pfs-filter-top-display-type on collection/search page

For example: You will find a div like this in sections/collection-template-boost-pfs-filter.liquid

<div class="boost-pfs-filter-top-display-type"></div>

Settings in javascript

Product List Settings

Name

Type

Values

Default

Description

defaultDisplay

string

'list' 'collage' 'grid'

'grid'

Default display type of product list

collageNmmber

number

3

If defaultDisplay = collage, set number of product items that is contained in one collage


How to customize

If you have any questions or need further assistance, please do not hesitate to contact our dedicated support team at [email protected].

Did this answer your question?