CoursesStencil CoreModule 2: Customize the Stencil Theme

Lab - Customize Assets

Plan: Stencil Developer

 Lesson 8 of 16 · 15 min

In this lab, you will:

  • Add an image to the theme footer

Prerequisites

  • Previous labs have been completed
  1. Save the image below as cclogo.jpg:

Credit card logo image

  1. Drag and drop it into the <theme-name>/assets/img directory of your Stencil theme

Assets img directory

  1. Navigate to templates/components/common/footer.html
  2. Add the following code above the footer copyright:
<div class="cc-logo">
    <img src="{{ cdn 'assets/img/cclogo.jpg' }}"/>
 </div>
  1. Observe credit card logos on the storefront