How To Add An Image To A Text Box - DAWN - eCommerce Thesis

How To Add An Image To A Text Box – DAWN

Welcome to my Shopify design tutorial series! Today, we’re going to dive into the wonderful world of the “Dawn” theme and show you exactly how to add an image to a text box. If you’re a Shopify store owner using the Dawn theme or considering it, this video is a must-watch.

Adding images to text boxes can make a significant difference in how your store looks and feels. It’s a skill that can help you create visually appealing product descriptions, announcements, and promotions. Whether you’re a seasoned e-commerce expert or just starting out, we’ve got you covered.

In this tutorial, we’ll provide you with step-by-step guidance, tips, and tricks to seamlessly integrate images into your text boxes within the Dawn theme. By the end of this video, you’ll have the knowledge and confidence to enhance your Shopify store’s design and captivate your customers.

So, let’s get started on this journey of transforming your Shopify store’s appearance with the Dawn theme. But before we do, make sure to hit that subscribe button and turn on notifications so you never miss an update from us. Let’s make your Shopify store stand out!

You should edit your code.


1: Online store > themes > Actions > Edit code > Sections > image-with-text.liquid

2: add this code before ‘{%- when ‘button’ -%}’

{%- when 'image' -%}
   <img src="{{ block.settings.image | image_url: width: 500 }}">

3:

add this code at last of blocks,

before code

],
“presets”: [

,
{
      "type": "image",
      "name": "image",
      "limit": 1,
      "settings": [
        {
          "type": "image_picker",
          "id": "image",
          "label": "image"
        }
      ]
}