Popularity Filter

In this tutorial, we will explore the step-by-step process of implementing a popularity filter feature for various content types.

Below are the steps to follow

1. Enable the module

drush en vactory_node_view_count -y

2. Enabling popularity filter for content type

Go to content type configuration /admin/structure/types/manage/vactory_news and enable the feature for this content type, as illustrated in the image below

3. Add popularity filer to the listing

This variable is used to verify whether the feature is activated for the specific content type in question.

const node_has_views_count =
            data?.components?.[0]?.collection?.optional_data?.node_has_views_count

Depending on the status of this variable (if it's true), we add the filter.

if (node_has_views_count) {
        sortingList = [
            ...sortingList,
            {
                id: "popularite",
                value: "popularite",
                slug: "popularite",
                label: t("Nx:Trier par les plus populaires"),
            },
        ]
    }

Add the filter to useUpdateEffect

if (sortedValue == "popularite") {
        filters.sort = {
            "sort-popularite": {
                direction: "DESC",
                path: "field_node_count_view",
            },
        }
    }