.. include:: ../Includes.rst.txt

.. _tutorials:

============
Tutorials
============

..  card-grid::
    :columns: 1
    :columns-md: 2
    :gap: 4
    :class: pb-4
    :card-height: 100

    ..  card:: :ref:`Product images in the cart <images-cart-product-list>`

        A way to render an image of a product in the cart product list.

    ..  card:: :ref:`Readable URLs <route-enhancers>`

        Setup for readable URLs on detail pages of products.

    ..  card:: :ref:`Multiple selector for Backend Variants <variants-multiple-selector>`

        Render multiple selector fields when using multiple
        Backend Variants.

    ..  card:: :ref:`Add products to the cart within the list view <add-products-within-list-view>`

        Allow customers to add a product to their cart directly within the list
        view.

.. toctree::
   :maxdepth: 1
   :titlesonly:
   :hidden:

   ImagesInCart/Index
   RouteEnhancers/Index
   VariantsMultipleSelector/Index
   AddProductsWithinListView/Index