Light Mode
Fixed products
Use this pre-defined component to display a group of products that has no scrolling effect. Their location is fixed.
Following is the location of this component.
└── src
├── views
├── components
| ├── home
| | ...
| | ├── fixed-products.twig
...
Example
Variables
Usage
This component takes a list of the products
that should be displayed, and then use for-loop statement to show them out. Developer has the option of styling them the way he may need.
<div class="head">
{% if title %}
<h2>{{ title }}</h2>
{% endif %}
{% if display_all_url %}
<a href="{{ display_all_url }}">{{ trans('blocks.home.display_all') }}</a>
{% endif %}
</div>
{% for product in products %}
<div class="item">
<a href="{{ product.url }}">
<img src="{{ product.image.url }}" alt="{{ product.image.alt }}"/>
{% if product.promotion_title %}
{{ product.promotion_title }}
{% endif %}
</a>
<h3>
<a href="{{ product.url }}">{{ product.name }}</a>
</h3>
{% if product.on_sale %}
<div>
<h4>{{ product.sale_price|money }}</h4>
{{ product.regular_price|money }}
</div>
{% else %}
<h4>{{ product.price|money }}</h4>
{% endif %}
</div>
{% endfor %}
Last modified: 10 months ago
Example
Variables
Usage