Custom-catalogue

release/0.0.15

Configuration

<script>
    window.catalogueConfig = {
        feedUrl: 'https://www.estatet.ru/feed/?CODE=vremena_goda_landing',
        catalogItemLink: '/details',
        sorting: {
            label: 'Сортировка',
            items: [
                { label: 'По цене — возрастание', value: 'price_asc' },
                { label: 'По цене — убывание', value: 'price_desc' },
                { label: 'По площади — возрастание', value: 'area_asc' },
                { label: 'По площади — убывание', value: 'area_desc' },
                { label: 'По скидке — возрастание', value: 'discount_asc' },
                { label: 'По скидке — убывание', value: 'discount_desc' },
            ],
        },
        filters: [
            {
                key: 'building',
                name: 'Корпус',
                type: 'multiple_select',
                isManualValues: true,
                selectValues: [
                    { label: '2', value: 'корпус 2' },
                    { label: '11', value: 'корпус 11' },
                    { label: '12', value: 'корпус 12' },
                ],
            },
            {
                key: 'room',
                name: 'Комнаты',
                type: 'multiple_select',
                isManualValues: true,
                selectValues: [
                    { label: 'Студия', value: '0' },
                    { label: '1', value: '1' },
                    { label: '2', value: '2' },
                    { label: '3', value: '3' },
                ],
            },
            {
                key: 'price',
                name: 'Стоимость',
                type: 'range',
                rangeValueDelimiter: 1000000,
                rangeValueFractionDigits: 2,
            },
            {
                key: 'floor',
                name: 'Этаж',
                type: 'range',
                isManualValues: true,
                rangeValues: [1, 9],
            },
            {
                key: 'area',
                name: 'Площадь',
                type: 'range',
            },
            {
                key: 'built_date',
                name: 'Срок сдачи',
                type: 'multiple_select',
            },
            {
                key: 'discount_exist',
                name: 'Cкидка',
                type: 'select',
                isManualValues: true,
                selectValues: [
                    { label: 'Все', value: 'all' },
                    { label: 'Есть', value: 'discount' },
                    { label: 'Нет', value: 'not_discount' },
                ],
            },
        ],
        details: {
            headerVisible: true,
            visiblePriceOnHeader: true,
            backButton: { label: 'Вернуться в каталог', link: '/', icon: '← ' },
            visiblePriceOnMain: true,
            headerTemplate: 'Корпус {{building}}, квартира №{{apartment}}, {{area}}, этаж {{floor}}',
            subHeader: 'г. Апрелевка, Наро-Фоминский р-н, Пролетарская ул., 20Б',
            mainProperties: [
                { label: 'Комнаты', value: 'rooms' },
                { label: 'Площадь', value: 'area' },
                { label: 'Этаж', value: 'floor' },
                { label: 'Корпус', value: 'building' },
                // { label: 'Статус', value: 'building_state' },
                { label: 'Секция', value: 'section' },
                { label: 'Срок ввода', value: 'built_date' },
            ],
        },
    };
</script>

Catalogue block

<div id="root"></div>
<script type="module" crossorigin src="https://unpkg.com/[email protected]/catalogue.index_0.0.15.js"></script>

Details block

<div id="root"></div>
<script type="module" crossorigin src="https://unpkg.com/[email protected]/details.index_0.0.15.js"></script>