วีดีโอ

Just wanted to show some love! thanks for this

This was a lifesaver - thank you!

Hey, thanks for the video it is really useful! Now as I have separated my Rich Text section in desktop and mobile version, I want to edit some codes but only for the mobile version. So, I want to change the font size of my Rich Text only for the mobile version. How do I do that?

Andrew has the sweetest soul i have no idea who you are i stumbled across this episode never heard of you but i immediately connect with the kindness in you. Felt compelled to share

I got this working on some text but not others. I have one class called "image-with-text__heading inline-richtext h1" When I do the technique with the dots it does not change the font, ut still uses Times New Roman. What am I doing wrong? I've tried taking the spaces out but it doesn't work

is there any update for 2024 code?

It works perfectly!!! Thank you :) Question: does the code work with the banner section? or just with the slideshow?

the link is not working

Awesome, exactly what I needed, thank you so much!

THANK YOU :) !

Hi, it doesn't work, it shows error in the line <img src="{{blocks.settings.collage_image | image_url: 'large' }}"> like missing width and height attributes, as a result of which images don't seen in customize mode

Thank you so much, works perfect on mobile but on desktop the photo won't resize according to the screen. Is there anything we could do? Or can you suggest the size of the images we upload? Thank you!!!!

I am always skeptical with these sorts of videos but this worked perfectly! Thankyou a lot you are amazing!

This worked super well...kinda! I have part of it working. I have a slideshow set to only show on desktop and another set to only be visible on mobile. The mobile does not show on desktop, but the desktop slideshow continues to show on mobile. Any ideas on how to fix?

Hi. I have successfully copied your latest version of the code, on my PC. And it works with the Shopify 2.0 Abode theme I’m using. 😁 Thank you. I just have 2 questions: 1. HOW do I change the Title of the Sidebar Menu? Because I have researched several different title styles. The most common appear to be: i) “Menu”, ii) Initials or a Logo, iii) or NO title at all. 2. How do I make the Sidebar Menu ‘mobile responsive’ too? Do I just choose to HIDE the Header/Header-Links on BOTH PC & Mobile, and simply show the Sidebar Menu on them, including the Header Links? Or is there another way? @Made4uo

It worked like a charm, thank you!!! It was driving me crazy that we couldn't click on the images. Problem solved! You are the best!!!

This code is premium how can get the code??

I LOVEEE YOUUU, I'VE BEEN TRYING TO DO THIS FOR 6 HOURS STRAIGHT AND FINALLY CAME ACROSS THIS MASTERIPICESDSADSADAS THANK YOUADASDSADSADSADSAD IM LOSING MY MIND

Worked to perfection! Super helpful for a non-coder like myself, Thank you!!

It worked perfectly. You rock Many thanks!

do you have a solution if we want to have diffrent Menu on Dektop and Mobile?

Sorry, you do not currently have the necessary permissions to access this site, or this site may not be available in your region.

I am using Dawn, and everything worked until the order got submitted. When I review the order the image appears as a text starting with C:\fakepath\inbound and not clickable, any idea on how to fix it?

Very helpfull content, thank you❤

Hi do you know how to do it on the main page also?

HOLY MOLY THI IS AN AMAZING TUTORIAL

Fantastic video . Thank you !

Hi, is the liquid code or css grid style deprecated ? I have the same code yet the grid is the default one, and images do not appear correctly.

there is a small problem in last step its working on desktop properly but showing both on mobile now i am sharing correct code for it which will solve that problem and will work properly on both devices under base.css or theme.css paste this code so it will work } .font-body-bold { font-weight: var(--font-body-weight-bold); } @media only screen and (max-width: 749px) { .mobile--device { display: block !important; /* Show mobile devices */ } .desktop--device { display: none !important; /* Hide desktop devices */ } } @media only screen and (min-width: 750px) { .mobile--device { display: none !important; /* Hide mobile devices */ } .desktop--device { display: block !important; /* Show desktop devices */ } }

why i dont have announcement bar code in header.liquid??

more more more thanks dear 100% right content

I am using this for the main product section. Is it possible to display different photos in the slideshow for different products/ product pages?

MVP!!!

I tried this & it worked but it seems as if the picture moved into the header & left excess space at the bottom so now it is a weird gap in between the image banner & my next section. Help???

It is Paid Now

Awesome! thanks Subscribed ♥

has this code been updated on the backend? I can't find slider component

Will this code work with Dawn 13.0.1?

bu kanal güzel

Awesome! Worked with spotlight, thank you so much, had so much trouble finding the right code Subbed to the channel

Can you make the code so its just showing to the products that can be engraved? it worked but now its for all products

Amazing! Works perfectly with Prestige theme. Thank you! ✨

it work in dawn theme .. just not add the css to base.css instead add it to theme.css remember to add it <style> , </style>..hope it help

THANK you very much

I am using dawn theme, i did all the steps multiple times and i am sure i did everything right, but my desktop slideshow is still showing on mobile while mobile is blocked on desktop. Did anyone have the same problem?

thanks! Im getting missing translation errors (my page is in spanish). For example: missing translation: "t:sections.main-cart-items.settings.show_vendor.label" is not present in any of the ["en-US", "en"] schema locale files. How do i fix this? Im getting this message for every item.

if (this.mainSection) { if (window.pageYOffset > 30 || document.documentElement.scrollTop > 30) { this.header.style.backgroundColor = "var(--gradient-background)"; } else { this.header.style.backgroundColor = "transparent"; } }else { this.header.style.backgroundColor = "var(--gradient-background)"; }

Does this still work because on my website it didnt work i use the actual Dawn Theme 13.01

That's great!!! Works like a charm! Thank you! ❤

Wow, maybe 4$, maybe even $15 BUT $49.45???????