Menu

Patch Your Theme To V1.2.1

Follow these steps to patch your Theme to V1.2.1


1. Update Snippets/course_footer_scripts

Locate the course_footer_scripts snippet, as below:



Replace the area highlighted in red with:

 

    {% comment %} This handles the opening / closing of the chapter contents on the curriculum landing page {% endcomment %}
    $('.toggle-content').on('click', function() {
      var toggleText = $(this).text().trim();
      if(toggleText == "{{ 'liquid.partials.course_footer_scripts.hide_content_text' | translate }}") {
        var showText = "{{ 'liquid.partials.course_footer_scripts.show_content_text' | translate }}";
        $(this).text(showText);
      } else {
        var hideText = "{{ 'liquid.partials.course_footer_scripts.hide_content_text' | translate }}";
        $(this).text(hideText);
      }
    });
  });

 


2. Update Snippets/course_landing_page_curriculum

Locate the course_landing_page_curriculum snippet
 


 

Replace the area highlighted in red with:

 

{% for chapter in page.course.chapters %}
  {% assign index = forloop.index + 1 %}
  <div class='curriculum-chapter'>
    <div class='chapter-toggle'>
      <div class='curriculum-chapter-header'>
        <div class='row'>
          <div class='col-sm-12'>
            <div class='row'>
              <div class='col-sm-9'>
                <span class='chapter-header'>
                  {{ chapter.name }}
                </span>
              </div>
              {% if chapter.duration_in_seconds > 0 %}
                <div class='col-sm-3'>
                  <div class='chapter-time'>
                    {{ chapter.duration_in_seconds_as_time }}
                  </div>
                </div>
              {% endif %}
            </div>
          </div>
        </div>
        <div class='col-sm-12 chapter-description'>
          {{ chapter.description }}
        </div>
      </div>
      <div class='row in' id='collapse{{ index + 1 }}'>
        <div class='col-sm-12'>
          <div class='chapter-list'>
            {% for content in chapter.contents %}
              <div class='chapter-list-item'>
                <span class='chapter-list-item__title'>
                  {{ content.name }}
                  {% if content.free %}
                    <span class='label label-free'>
                      {{ 'liquid.partials.course_landing_page_curriculum.label_free' | translate }}
                    </span>
                  {% endif %}
                </span>
                <i class='{{ content.icon_css_class }}'></i>
              </div>
            {% endfor %}
          </div>
        </div>
      </div>
      <div class='row'>
        <div class='col-sm-12'>
          <div class='toggle-content' data-toggle='collapse' data-target='#collapse{{ index + 1 }}'>
            {{ 'liquid.partials.course_landing_page_curriculum.text_hide_content' | translate }}
          </div>
        </div>
      </div>
    </div>
  </div>
{% endfor %}

 

3. Update the CSS for the chapter time on the video course landing page

Add the following CSS at line 2651 of your theme.css

 

  .chapter-time {
    padding-top: 10px;
    padding-right: 30px;
    text-align: right;
  }

 

4. Add the bundle tagline Snippets/bundle_card

Locate the bundle_card snippet



Add the following code after the line indicated:

 

<div class="row">
    <div class="col-md-12">
        <h4 class="course-card__description" title="{{card.tagline}}">
            {{ card.tagline }}
        </h4>
    </div>
</div>

 

And you're done!

Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.