How can i add a custom picture to my homepage MOTION THEME

Please follow these steps:
Step 1: Access Shopify Admin => Select Online Store => Edit code
Image:

Step 2: Find the theme.liquid file => Create a tag . Image:

Then insert this code:

window.onload = () => {
 let hero_banner = document.querySelector(`[data-section-type="testimonials"]`);
 if(hero_banner){
    hero_banner.parentNode.insertAdjacentHTML("afterend", `<div class="bss-custom-img" style="margin: 100px auto; width: 1220px; height: 400px;"><img style="width: 100%; object-fit: cover; height: 100%;" src="https://cdn.pixabay.com/photo/2023/04/29/09/51/polana-kalatowki-7958161_640.jpg"></div>`); 
 }
}

You can manually adjust the image link in the tag with the attribute “src” and image height and size if desired.
And here is the illustrative result after achieving it. Hope it helps you
Illustrating images:

1 Like