Shopify themes, liquid, logos, and UX
Hello, I am using the Boundless theme.
My website is yet to launch so i have a password page . However, I am trying to add a Logo or background image on the password page but I havent been able to.
Also, i have tried to go into themes to add a logo unto header on boundless , but there is no header option on my theme so i cant even edit that .
I will appreciate any help soon as I am getting ready to launch !
Thank you
Hey, there!
My name is Dallas, I'm from the Social Care Team here at Shopify!
To add a logo to your store's password page you will need to go into the customization of your theme. To get there you would go to your Store Admin then click on Online Store > Themes > Customization.
Once you are in your customizer you will have to click on the Dropdown menu to select the 'Password Page'. In the password page there will be a header section on the left.
In there you will have the option to add a logo.
I hope that's helped! Please feel free to let me know, and you can always give us a call or start a live chat at any time. We're open 24/7 for your convenience and always happy to assist!
Cheers,
Dallas
To learn more visit the Shopify Help Center or the Community Blog.
I too am trying to add a background image to my password page. I'm using the Simple theme. I've added a file named, password-page-background.jpg to the assets folder with no apparent change. Please update this procedure so all of us can make this work. Thanks George
Hello,
I have the Debut theme and when I try to upload the logo photo on my password page, it doesn't show up. Neither do the free images.
Hi, I had the same issue, there seems to be the following code missing from the Debut theme, so the logo isn't appearing. Add this code at the top of the 'password-header-liquid' page in the code and then add your logo under 'customisation' and that should work.
<style>
.password-page__logo .logo {
width: {{ section.settings.logo_max_width | escape }}px;
}
</style>
<header class="password-page__header" role="banner">
<div class="password-page__header__inner">
{% comment %}
Link to password modal
{% endcomment %}
{% comment %}
Site name or logo
{% endcomment %}
<div class="password-page__logo">
<h1 itemscope itemtype="http://schema.org/Organization">
{% assign logo_width = section.settings.logo_max_width | escape | times: 1 %}
{% if section.settings.logo != blank and logo_width <= 2048 %}
{% capture image_size %}{{ section.settings.logo_max_width | escape }}x{% endcapture %}
<img class="logo" src="{{ section.settings.logo | img_url: image_size }}"
srcset="{{ section.settings.logo | img_url: image_size }} 1x, {{ section.settings.logo | img_url: image_size, scale: 2 }} 2x"
alt="{{ section.settings.logo.alt | default: shop.name }}"
itemprop="logo">
{% else %}
<span>{{ shop.name }}</span>
{% endif %}
</h1>
</div>
</header>
I did what you said and it worked. Do you know how to center it as well? It is only centered on mobile. Thank you.
Hi!
I followed exactly what you did here to add in a logo, and my logo uploads on the side part but doesn't become visible at all on my password page
thank you so much.
Hello,
Thank you so much for your help!
I have managed to sort that out .
Is it possible to upload a background image on the password page and how please ?
Also, the sign up form currently let’s customers add in their email address , I also want to include an extra box they can enter their name in.
look forward to hearing from you.
Regards,
To change the background image you will need to add an image to the asset folder of your theme files and then just be sure to give it the same name as the old image. To do that you will need to :
I hope this helps 🙂
Dallas
To learn more visit the Shopify Help Center or the Community Blog.
Hey there.
I am trying to upload a background image to my password page on Shopify, Debut Theme, and followed the steps mentioned of going into the code > assets folder, however i don't have an existing image labeled password-page-background.jpg and therefore cannot replace it. Does anyone know how i can fix this?
I have the same problem with the same 'debut' theme.
Can anyone help?
Hey! I got it to work, just save an image called password-page-background.jpg and upload that to your assets. It will definitely work. If you want to use a free Shopify image then just download it as password-page-background.jpg.
I've had a file with that name in my assets for a couple weeks now. It's still not working for me unfortunately. I'm using the Simple theme. Does anyone know if there are other parameters about that file (dimension in pixels, file size limits, anything else) that I would need to know. TIA
I changed to the Minimal theme and then I was able to use the password-page-background.jpg in the assests folder and it worked. I guess it's possible that this isn't supported on the Simple theme.
How can we use one of the shopify free images to do this? I have not found a way to get a free image into an asset folder. I am using Brooklyn.
thanks!
Finally!!!! the reply I have been hunting for! thank you!!! it worked perfectly!
I have no idea how to change the text colour though? under theme settings and colour none of those settings change the text colour on the password page and if I change a colour there it changes for the entire site! How can I change just the password page text colour?
Hello
I am also currently having an issue changing the font colour. did you manage to resolve this ?
Thanks
James
Hello,
I would like to add a background on my password page but I don't find any "password-page-background.jpg." as mentioned in your answer in the asset folder. It seems that I am not the only one with this issue.
Could you help me please ?
Thanks,
Edouard
Hi, Edouard! I'm having the same problem trying to add background image to Debut Theme password page. Have you found a solution yet?
Thanks,
Jenny
did you find a solution to this problem if you could help me that would be wonderful! thank you!
Hi there,
I went into my assets folder to find and replace the passwords page background image and there isn't a file there. What should I do? I am using the boundless theme and have done next to nothing to edit the template. Why is that asset missing?
Thank you!
Best,
Margot
That app is not working well. Wehere you click for passowrd is very small on top right and the countdown is not displaying the numbers.
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