I’m trying to load different html files into the base.html and they’re not showing. Any ideas?
JavaScript
x
16
16
1
<body class="bg">2
<main class='text'>3
{% block carousel %}4
{% endblock %}5
6
{% block info%}7
{% endblock %}8
9
{% block content %}10
{% endblock %} 11
12
{% block mobile %}13
{% endblock %}14
</main>15
</body>16
Advertisement
Answer
I think you may be confusing template inheritance with template composition.
In template inheritance, you have a base page like base.html:
JavaScript
1
16
16
1
<body class="bg">2
<main class='text'>3
{% block carousel %}4
{% endblock %}5
6
{% block info%}7
{% endblock %}8
9
{% block content %}10
{% endblock %} 11
12
{% block mobile %}13
{% endblock %}14
</main>15
</body>16
Then, you have a second template shoes.html that extends base.html. It inherits all the HTML from base.html, but fills in some custom content inside the blocks:
JavaScript
1
18
18
1
{% extends "base.html" %}2
3
{% block carousel %}4
<p>Carousel</p>5
{% endblock %}6
7
{% block info%}8
<p>Info</p>9
{% endblock %}10
11
{% block content %}12
<p>Content</p>13
{% endblock %} 14
15
{% block mobile %}16
<p>Mobile</p>17
{% endblock %}18
Therefore, when you render it inside your view:
views.py
JavaScript
1
4
1
from django.shortcuts import render2
def index(request):3
return render(request, 'polls/shoes.html', {})4
you get this result:
JavaScript
1
9
1
<body class="bg">2
<main class='text'>3
<p>Carousel</p>4
<p>Info</p>5
<p>Content</p>6
<p>Mobile</p>7
</main>8
</body>9
I suspect that you have different HTML files named after each block (e.g. carousel.html, info.html). That’s not how Django works (but it is how Ruby on Rails works). Is that what you were trying to do? If not, please update your question to clarify.