fdk-infinite-favourites

Deprecation Notice

Vue-based themes will soon be deprecated. Please switch to React-based themes, as all future updates and support will focus exclusively on React.

Infinite Favourites Action Component

Tag

fdk-infinite-favourites

Description

This action component is used to provide infinite loading functionality for listing wishlist items on wishlist related page or section.

Props

Key	Type	Description
hasNext	boolean	This stays true when there is next page in API call, so that we can make APIcall for next page or display loader.

Example

<fdk-infinite-favourites>
    <template slot-scope="infiniteLoaderData">
        <div className="grid-wrapper">
            <div className="group-cards">
                <div
                  v-for="(product, index) in items"
                  :key="`p-wl-${index}`"
                >
                  <fdk-link :link="`/product/${product.slug}`" className="wl-link">
                    /*product card code
                     **
                     **
                     */
                  </fdk-link>
                </div>
                <fdk-loader
                  id="loader"
                  v-if="infiniteLoaderData.hasNext"
                ></fdk-loader>
            </div>
        </div>
    </template>
 </fdk-infinite-favourites>