{% extends "product_layout.html" %}
{% block img_url %}
icon.png
{% endblock %}
{% block header %}
Item Title
{% endblock %}
{% block content %}
Description of the product
{% block price %}
$10
{% endblock %}
{% endblock %}
<div id="container">
<div id="header">
<img src="{% block img_url %}{% endblock %}" />
<h1>
{% block title %}
{% endblock %}
</h1>
</div>
<div id="content">
{% block content %}
<div id="price">
{% block price %}
{% endblock %}
</div>
{% endblock %}
</div>
</div>
<c-product img_url="icon.png"
title="Item Title"
price="$10">
Description of the product
</c-product>
<div id="container">
<div id="header">
<img src="{{ img_url }}" />
<h1>{{ title }}</h1>
</div>
<div id="content">
{{ slot }}
{% if price %}
<div id="price">
{{ price }}
</div>
{% endif %}
</div>
</div>