How to show the matching child option of a configurable product on the landing page?

How to show the matching child option of a configurable product on the landing page?

By default, the Landing Pages extension allows showing child options of configurable products matching the specified conditions. It means that if a landing page is configured to display green items, and the configurable product has a child item with the 'green' color, it may be displayed on the landing page as well.

To make the matching child products appear in the list, their Visibility should be set to Catalog: 


      
And on the landing page, matching products should be displayed properly.

1. The page conditions:



 2. The products' preview:

      • Related Articles

      • How to show configurable options in product listing?

        If product options are not displayed on category pages, customers have to select them from the product page to add the items to the cart. To display configurable swatches on category pages, navigate to Stores → Attributes → Product → choose the ...

      • Landing Pages API

        1. Amasty\Xlanding\Api\PageRepositoryInterface - class for managing Landing Pages: POST /V1/amasty_xlanding/page, method="save" - create a landing page; PUT /V1/amasty_xlanding/page/:id, method="save" - edit a landing page; DELETE ...

      • Landing Pages | GraphQL methods

        Query amlanding (id: Int! @doc(description: "Landing Id")) description: get information about a landing page

      • Can I display different product attachments for different child products?

        At the moment the module doesn’t allow displaying attachments per child products. If you add attachments to a configurable product, they will be displayed for all its options identically.

      • How to add product attachments to a CMS page?

        Product attachments can be added to CMS pages via Magento widgets, and there are two methods to do that. Method #1 Step 1. At Magento admin → Content → Widgets, create a widget of the Amasty Attachments Block type, choose Design Theme and click ...