Hello, I am wondering what code I need to enter (and where!) to allow for different images on mobile web than desktop web view? I currently am using a custom theme - does this determine where I need to be looking to add the code? Thanks in advance! Nooreen

It’s completely understandable you’re lost. At first the way that shopify does things doesnt make a whole lot of sense. Your template pages are they key parts of your site. So when you want to edit the homepage, you want to edit index.liquid. Now, if you have not developed the theme yourself, probab…

can you give me the code of the section you want to customize in parallax theme

i have few knowledge on coding. But do you mean this? [{{ section.settings.image.alt }}] {% if section.settings.link != blank and section.settings.button_label == blank %} {{ section.settings.link }} {% endif %} {% if section.settings.title != blank %} {{ section.settings.title | escape }…

create an new section .... named custom_image.liquid than clear everything and paste this hope this works ... please give a feedback.. copy and paste from here_----------> {% schema %} { "name": "Image with text overlay", "class": "image-with-te…

Hey it didnt work, it does show different image size but when i switch to mobile through shopify the image doesnt change but only shows the deskstop size.

@unofficial2321 Would the code be the same for any theme? I tried it on Debut and Envy and it didn’t work on either. It doesn’t even show as a section in the customizer.

@unofficial2321 was the no in response to me? Is there any code that could be added to a new section and could be used on any theme? The code that you sent for parallax looks very similar to Envy and Debut including the lazy loading, it looks like only the class names are different.

@nealm759 no cause every theme has it’s own css file

@unofficial2321 here is the code for debut hero.liquid, could you tell me how I could add the desktop/mobile choice to this? {%- if section.settings.hero_layout == ‘full_width’ and section.settings.hero_size == ‘adapt’ -%} {%- if section.settings.image.aspect_ratio == blank -%} {%- assign min_asp…

Different images for mobile than desktop web

Store Design

Lorine November 11, 2020, 11:04pm 116

An expert has resolved the issue for me. Thanks for your time in ensuring the issue is resolved.

Topic		Replies	Views
Display an other image-banner on mobile than on desktop (Taste Theme) Store Design design , css , shopify-themes	14	199	July 3, 2024
I WANT TO USE DIFFERENT IMAGE ON DAWN theme SLIDER for mobile and desktop Store Design	6	100	April 9, 2023
Dawn Theme- Separate Slide Images On Mobile And Desktop Store Design design	22	485	May 1, 2024
Different Image Size on Desktop and Mobile Store Design	243	1508	March 24, 2025
Separate banner images on mobile and desktop - Dawn Theme Store Design	75	1651	November 15, 2024

Different images for mobile than desktop web

Related topics