How To Add Background Image To A Section [Shopify]

Поділитися
Вставка
  • Опубліковано 2 лют 2025

КОМЕНТАРІ • 36

  • @davefelstead9027
    @davefelstead9027 10 місяців тому +2

    This was a great, concise and easy-to-follow tutorial. Thank you

  • @varunmohan7095
    @varunmohan7095 11 місяців тому +2

    Hii,I have been asking for long can you make a video on adding portrait video banner. Coz their are many videos on UA-cam about adding video but the button and text on the video banner is not showing on mobile phone it is showing on laptop.Even a 30sec shorts about solving this problem will be much appreciated 😊

    • @WebSensePro
      @WebSensePro  10 місяців тому

      I don't think it will look good to show video on mobile with text and button. It will be very hard to see a video on mobile with text and button over it

  • @vikramgrover9434
    @vikramgrover9434 3 дні тому

    This was really helpful.. Thank you so much.. can you please tell how to activate the option - "Adapt to image size" for the image in the same section?

    • @WebSensePro
      @WebSensePro  Годину тому

      Please contact via websensepro.com/contact-us

  • @stephaniescolman778
    @stephaniescolman778 5 місяців тому

    I added this code to the Collection List section and it works! But it's not doing a full-width page background, it's only showing directly behind the Collection Lists. Any suggestions? Thank you!

    • @WebSensePro
      @WebSensePro  5 місяців тому

      Yes it's doable but will have to check the store. Please contact via websensepro.com/contact-us for paid support

  • @stephaniescolman778
    @stephaniescolman778 5 місяців тому

    Thank you sooooo much! I can't thank you enough. I spent hours trying to figure this out. Do you have a video on how to create a duplicate theme in case you mess up code? I tried doing this and I somehow messed up the site. I was able to fix it, but if I had a step by step way that would be awesome. I appreciate your help. I subscribed!

  • @LindsayDesigns
    @LindsayDesigns 7 місяців тому

    The process you explained to add a background image worked great! However, for some reason the background image I have will not adjust in size to fit the space correctly. It keeps cutting off both the left and right side of the image. I've attempted to resize it in a photo editing program but each time it looks the same - cut off. Can you give me some advice on how to fix this? Thanks in advance!

    • @WebSensePro
      @WebSensePro  6 місяців тому

      Yes it's doable but will have to check the store. Please contact via websensepro.com/contact-us for paid support

    • @LindsayDesigns
      @LindsayDesigns 6 місяців тому

      @@WebSensePro Thanks for your reply. I got it figured out! :)

    • @Animacrys1688
      @Animacrys1688 6 місяців тому

      @@LindsayDesigns Thanks for your share! I have the same doubt and may i ask how to fix this bug?

  • @amaliesbutik
    @amaliesbutik 10 місяців тому +1

    You videos are amazing! Do you have one for how you can make remove the space between the column without removing the space for another column? So just like this, you can choose whether or not you want an image background.

    • @WebSensePro
      @WebSensePro  10 місяців тому

      Not yet but will make one

  • @ShoneTheGenije
    @ShoneTheGenije 11 місяців тому +1

    I just wonder how you forgot to add image overlay and image Image behaviour, since the code already exists in Image Banner section. Combo of those two sections would be extra useful. Also, there is a code, that enable using two images in Image Banner Section but show them separately - once for Mobile one for Desktop. Ad that also to improve the section, and you will create on of the best custom sections.

    • @WebSensePro
      @WebSensePro  10 місяців тому

      Thanks for the suggestion, will definitely create an updated video for that

  • @anahim7894
    @anahim7894 9 місяців тому

    Would this be the same steps for adding background image for product grid?

    • @WebSensePro
      @WebSensePro  8 місяців тому

      Yes, you can try this tutorial, if this is not working, please contact via websensepro.com/contact-us for paid support

  • @sanroccoitalia
    @sanroccoitalia 6 місяців тому

    Excellent video! You make is so easy. Thank you!

  • @Shweta_ke_krishna
    @Shweta_ke_krishna 6 місяців тому

    I did this changes to have an image as my header background but it is still showing color scheme as my header

    • @WebSensePro
      @WebSensePro  6 місяців тому

      Please contact via websensepro.com/contact-us for paid support

  • @starcitizenmodding4436
    @starcitizenmodding4436 9 місяців тому

    What if i want to have one image across all sections.
    or one image that follows the user as they scroll so the background image stays the same.

    • @WebSensePro
      @WebSensePro  9 місяців тому

      I don't think it will look good

    • @Pearl_Polish
      @Pearl_Polish 9 місяців тому

      I worked it out and it looks awesome!

  • @kalyanchakravarthi1219
    @kalyanchakravarthi1219 11 місяців тому

    Hi, I have following your videos it is really help full to me.
    1)Can you please make one video how to create private apps it is related payments?
    2)How to connect multiple stores with different products?
    3)It is possible to create custom checkout in shopify? 🙂🙂

    • @WebSensePro
      @WebSensePro  10 місяців тому

      1) I will try my best to create content realated apps
      2) I am not sure what you are trying to do
      3) There are lot of apps available for that

  • @alasdair7196
    @alasdair7196 8 місяців тому

    life saver!!

  • @hanichang970
    @hanichang970 8 місяців тому

    I can't find name of the section for Product Information so I can't apply for Product Information :(

    • @WebSensePro
      @WebSensePro  8 місяців тому

      Yes it's doable but will have to check the store. Please contact via websensepro.com/contact-us for paid support

  • @muhammadjunaidmansoorfarid836
    @muhammadjunaidmansoorfarid836 11 місяців тому

    kindly make a video how to add any scetion in product page

    • @WebSensePro
      @WebSensePro  10 місяців тому

      You can add any section to product page already

  • @totality-solutions
    @totality-solutions 5 місяців тому

    With how easy this code is, I don't understand why most themes just don't come with this option already!!

  • @pinkkyfy
    @pinkkyfy 11 місяців тому