Product Inactive¶

Availability:

Inactive product page

Use product_inactive module to insert an inactive product card on a page. This module is available only on the inactive product page.

Configuration parameters¶

none

Module source code¶

{% from "@macros/image.twig" import image %}

{% set shopUrls = ObjectApi.getShopUrls() %}

{% set imgProperties = {
    src: '/assets/img/icons/inactive-product.svg',
    alt: translate('Produkt niedostępny'),
    id: "product-inactive__image-#{moduleInstance}",
    class: 'product-inactive__image',
    width: 128,
    height: 105,
    decoding: 'async',
    lazy: true
} %}

<div class="product-inactive align_center">
    {{ image({
        img: imgProperties,
        picture: {
            class: 'image_block'
        }
    }) }}

    <h1 class="product-inactive__title font_semibold mt-xs-4 mt-md-6 mb-xs-3">
        {{ translate('The product is unavailable') }}
    </h1>
    <small class="product-inactive__description p_s d-block color_secondary mb-xs-4 mb-md-6">
        {{ translate('Sorry, the product you are looking for is unavailable. Please go to the Home page or use the search engine to discover what interests you.') }}
    </small>
    <a href="{{ shopUrls.mainPageUrl }}" class="product-inactive__button btn btn_s btn_primary">
        {{ translate('Go to the Home page') }}
    </a>
</div>

Used macros¶

image

Used Object Api methods¶

getShopUrls()

Used styles¶

Module configuration schema¶

[
    {
        "state": "unfolded",
        "label": "General settings",
        "elements": [
            {
                "type": "infobox",
                "name": "infobox",
                "options": {
                    "type": "blank",
                    "message": "#### Related settings in the admin panel%s- changing phrases in [translations](%s)",
                    "placeholderValues": [
                        "\n",
                        "\/admin\/configLanguages\/list"
                    ]
                }
            }
        ]
    }
]