Skip to content

Product Actions

Use product_actions module to insert product actions such as adding to basket or adding to favourites.

Configuration parameters

none

Module source code

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

{{ product_actions(moduleConfig|merge({
    productId: product_id,
    instanceId: moduleInstance
})) }}

Webcomponents reference

Macros reference

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)%s- enabling the purchase option in [the orders settings](%s)%s- enabling notifications of product availability in [the orders settings](%s)%s- setting the \"Add to cart\" button depending on [availability statuses](%s)",
          "placeholderValues": [
            "\n",
            "\/admin\/configLanguages\/list",
            "\n",
            "\/admin\/configShopping\/list",
            "\n",
            "\/admin\/configShopping\/list",
            "\n",
            "\/admin\/configAvailabilities\/list"
          ]
        }
      },
      {
        "type": "checkbox",
        "name": "shouldDisplayAddToBasketButton",
        "label": "Display \"Add to cart\" \/ \"Notify me when available\" button",
        "defaultValue": 1,
        "hint": {
          "message": "If the product is out of stock and [availability notifications are enabled](%s), a \"Notify when available\" or \"Opt out of notifications\" button will be displayed instead of \"Add to cart\" (according to [the availability status settings](%s)).",
          "placeholderValues": [
            "admin\/configShopping\/list",
            "admin\/configAvailabilities\/list"
          ]
        }
      },
      {
        "type": "checkbox",
        "name": "shouldDisplayAddToFavouritesIcon",
        "label": "Display \"Add to favorites\" icon",
        "defaultValue": 1
      },
      {
        "type": "infobox",
        "name": "infobox-bottom",
        "options": {
          "type": "info",
          "message": "The display of the \"Add to wishlist\" icon can also be found in the \"Product tile\" settings in the \"Product list\" module and carousel-type product modules (e.g., Related products, New arrivals, Products on sale)."
        }
      }
    ]
  }
]