У меня есть сайт в Thinkific LMS, и на странице обзора курса есть раздел, в котором отображается учебная программа курса.Это захватывается динамически в коде шаблона.Мой клиент также хотел бы связать заголовок с соответствующим уроком.
Я нашел код и добавил ссылку, но мне нужно заменить # на переменную для URL страницы урока.Я просмотрел все вспомогательные материалы и не могу найти эту конкретную переменную где-либо.
<section class="course-curriculum section-height__medium
{% include 'section_utility_heading_alignment' %}" data-preview-item="course-curriculum">
<div class="course-curriculum__container">
{% include 'section_headings' %}
<article class="section__content">
<ul class="course-curriculum__chapter-list section__body">
{% for chapter in page.course.chapters %}
{% assign index = forloop.index + 1 %}
<li class="course-curriculum__chapter">
{% if index < 10 %}
{% assign chapter_prefix = "0" %}
{% else %}
{% assign chapter_prefix = "" %}
{% endif %}
<div class="course-curriculum__chapter-content-wrapper">
<span class="course-curriculum__chapter-number">{{ index }}</span>
<header class="course-curriculum__chapter-header">
<h5 class="course-curriculum__chapter-title">{{ chapter.name }}</h5>
<span class="course-curriculum__chapter-header__toggle"><i tabindex="0" aria-label="toggle chapter content"></i></span>
</header>
<ul class="course-curriculum__chapter-content" id="chapter-{{ index + 1 }}">
{% for content in chapter.contents %}
<li>
{% if content.free %}
<a href="{{ page.course.links.enroll_free_trial }}" class="course-curriculum__chapter-lesson">
{% else %}
<span class="course-curriculum__chapter-lesson">
{% endif %}
<i class="{{ content.icon_css_class }}"></i><a href="#">{{ content.name }}</a>
{% if content.free %}
<span class="course-curriculum__chapter-lesson--free">{{ 'liquid.partials.course_landing_page_curriculum.label_free' | translate }}</span>
{% endif %}
{% if content.free %}
</a>
{% else %}
</span>
{% endif %}
</li>
{% endfor %}
</ul>
</div>
</li>
{% endfor %}
</ul>
</article>
</div>
</section>
<script>
$(document).ready(function() {
var $header = $('.course-curriculum .course-curriculum__chapter-header');
{% if section.settings.show_collapsed %}
$header.not(":eq(0)").each(function(k,v) {
$(v).parents('.course-curriculum__chapter').addClass('course-curriculum__chapter--collapsed');
$(v).next('.course-curriculum__chapter-content').hide();
});
{% endif %}
$header.on('click keypress', function(e) {
if (e.which === 13 || e.type === 'click') {
e.stopPropagation();
var $content = $(this).next('.course-curriculum__chapter-content');
if($content.is(":visible")) {
$content.slideUp(350).fadeOut(350);
$(this).parents('.course-curriculum__chapter').addClass('course-curriculum__chapter--collapsed');
}
else {
$content.slideDown(350).fadeIn(350);
$(this).parents('.course-curriculum__chapter').removeClass('course-curriculum__chapter--collapsed');
}
}
});
});
</script>
Это область, в которой мне нужно добавить переменную:
<i class="{{ content.icon_css_class }}"></i><a href=" {{ ADD-VERIABLE-HERE }} ">{{ content.name }}</a>