> This page is for Developer.

> For clean Markdown of any page, append .md to the page URL.
> For a complete documentation index, see https://docs.bigcommerce.com/llms.txt.
> For AI client integration (Claude Code, Cursor, etc.), connect to the MCP server at https://docs.bigcommerce.com/_mcp/server.

# Lab - Customize Assets

Plan: Stencil Developer

Lesson 8 of 18 · 15 min

**In this lab, you will:**

* Add an image to the theme footer

**Prerequisites**

* Previous labs have been completed

## Step 1: Add an Image to the Theme Footer

1. **Save** the image below as cclogo.jpg:

![Credit card logo image](/_fern-img/1a78221bd69ce8d78b681539813743180372cd1e3c7953f2bcb4a5fbae546ace.webp)

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

![Assets img directory](/_fern-img/e4a79a646700efcc117528d10d45829c54471e2c00508839842a9c1caeb77aae.webp)

3. **Navigate** to *templates/components/common/footer.html*
4. **Add** the following code above the footer copyright:

```jsx showLineNumbers={false}
<div class="cc-logo">
    <img src="{{ cdn 'assets/img/cclogo.jpg' }}"/>
 </div>
```

5. **Observe** credit card logos on the storefront