Skip to main content
For dev - Display Type Component (App Lib V2)
Updated over 3 weeks 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

Feel free to reach out to our dedicated support team via chat if you have any questions or require additional assistance.

Did this answer your question?