Shopify themes, liquid, logos, and UX
I updated my password page header to show my logo. However, after choosing my logo image, it does not appear on the password page and I cannot figure out why. This is for the debut theme, any suggestions?
Thanks
can you please share the password page password header code
Because you put it in the wrong place.
Look at your website code! You don't have the line of code I mentioned:
Make sure to put it after line #6, which is:
<img class="lazyload js"
so the code should should read:
<img class="lazyload js"
src="{{ section.settings.logo | img_url: '300x300' }}"
data-src="{{ img_url }}"
data-widths="[180, 360, 540, 720, 900, 1080, 1296, 1512, 1728, 2048]"
data-aspectratio="{{ section.settings.logo.aspect_ratio }}"
data-sizes="auto"
alt="{{ logo_alt | escape }}"
style="max-width: {{ section.settings.logo_max_width }}px">
And make sure it's in the file: password-header.liquid which you can find under "Sections"
Also, don't forget to add this css to theme.scss.liquid file under "Asset"
.password-main__inner .site-header__logo-image img {
display: inline-block !important;
}
This is the code Ketan mentioned in one of his posts in this thread.
Hi Sarah,
Thank you for sharing, I really don't know what I'm doing wrong as I have entered these codes and the logo still doesn't seem to be showing, I don't seem to have the "lazyload js" part in my code originally. Not sure what is happening here
Oh, are you using the debut theme?
But anyhow, I still see that you don't have the 'src' attribute in your code when I examined your website with Chrome.
So, it's definitely missing, that's why 'img' markup can not locate where the logo image is.
can you paste the code of the file password-header.liquid here??!!
Thank you and sorry it is not working.
Sure! Yes I'm using the debut theme.
Thank you for all your help! I'm trying it again and I'll see!
Hi again Sarah,
I finally got it to work! Thank you so much for all your help, you've been great!
Awesome Lex26..
Glad it worked
Now I can sleep tonight ,,, LOL
Cheers
Haha! I'm so thankful for your help! Didn't have a clue what I was doing
I am having the same issue. My logo wont show on the live password page but it will show as uploaded in the customization area. Any way to fix this ?
Welcome to the Shopify community!
and Thanks for your Good question.
Please share your site URL,
So I will check and provide a solution here.
@KetanKumar Can you please help me? My logo isn't showing on the password page either. I have tried copying and pasting the codes, but it's not working. Any help will be greatly appreciated.
Welcome to the Shopify community!
and Thanks for your Good question.
Please share your site URL,
So I will check and provide a solution here.
Thanks for it
can you please share the password page password header code so i will update.
Hi! I tried adding the code but it is still not working for me, could you help please?
Thanks for post
i have to see the logo but one issue add this code
Before
.site-header__logo-image {background: transparent !important;}
After Code
Where do I add that code to get rid of the gray box? I tried to put it under theme.css.liquid (last line), but I can still see the gray box!
Thanks for it
can you please add me on staff so i will check
Hi Ketan,
I've added you as a staff account! The grey box shows up on my desktop, but not my phone. Not sure what's happening!
Thanks for the update can you please add this code
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.
.site-header__logo-image {background: transparent;}
my logo isnt showing on my password page!!! please help!!!
Share your store url @cultcaine
Hi @cultcaine
password-header.liquid
After Line #6, which is <img class="lazyload js"
Add the following line:
src="{{ section.settings.logo | img_url: '300x300' }}"
I think, it also needs some tweak.
You also need the CSS code mentioned previously in one of the comments.
Also, if needed, add to theme.css.liquid, the following line:
.password-main__inner .site-header__logo-image { background-color: unset; }
Cheers
Hi Ketan, can you help me with this as well. The website is https://dybbuknewyork.com/.
I will add you as a shopify partner to the account.
Hello, the same issue is happening with me. My logo does not show on the password page. Can you help me?
Hi,
Are you able to help me at all? I am having exactly the same issue as stated. Unable to add logo to password page on debut theme.
Hi, pls I need your help on my shopify partner store, I want to enable the password but its unclickable, why?
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024