ADD LOGO OR BACKGROUND TO PASSWORD PAGE

Mariamaduke
Shopify Partner
2 0 0

Hello, I am using the Boundless theme. 

https://luxereloaded.com/

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 !

https://luxereloaded.com/

Thank you 

Replies 26 (26)

Dallas
Shopify Staff (Retired)
916 61 211

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.

BrittanyD
Visitor
1 0 2
Is there anyway this can be revisited. I followed the steps to upload an image and rename it “password-page-background.jpg”. Unfortunately, it’s still not showing on the password page. Please help. Thank you!
gyolland
Tourist
5 0 2

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

angeladamian
Visitor
2 0 0

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. 

Jenny21
Tourist
3 0 1
I was never able to resolve this issue. I ended up just going live instead.
Hope you figure it out!

RussW
Excursionist
18 1 9

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>

marlouandco
Visitor
2 0 0
Hi Russ, Thankyou so much for the reply, that was honestly so so helpful!! It has worked, except for some reason the logo goes off to the left. I have checked in the side settings to see if i could change to centre but there was no option for that. Would you happen to know how to centre the image i put in? Thanks so much again, you are a life saver haha
Never2X
Visitor
1 0 0

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.

marlouandco
Visitor
2 0 0

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

andrewohio
Visitor
1 0 0

thank you so much.

Mariamaduke
Shopify Partner
2 0 0

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,

 

 

Dallas
Shopify Staff (Retired)
916 61 211

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 : 

  • In your Store Admin, you will need to go to your Online Store>Themes>Action and select "Edit HTML/CSS".
  • In your theme editor, select the Assets folder from the left-hand menu. 
  • There is an image in that folder called password-page-background.jpg. If you delete that image and add your own image called password-page-background.jpg, the theme will pull your uploaded image instead of the deleted image. Just make sure it give it the exact same name!

I hope this helps 🙂 

Dallas

To learn more visit the Shopify Help Center or the Community Blog.

kikakaram
Visitor
1 0 3

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?

Soulswim
Visitor
1 0 0

I have the same problem with the same 'debut' theme.

 

Can anyone help?

kalimaclothing
Visitor
2 0 0

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. 

gyolland
Tourist
5 0 2

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

gyolland
Tourist
5 0 2

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.

IanBSears
Visitor
1 0 0

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!

ecowisestore
Tourist
7 0 1

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? 

JayDHealy
Visitor
1 0 0

Hello

 

I am also currently having an issue changing the font colour. did you manage to resolve this ?

 

Thanks

James

Viveles
Visitor
1 0 1

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

Jenny21
Tourist
3 0 1

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

altancindy
Visitor
2 0 0

did you find a solution to this problem if you could help me that would be wonderful! thank you!

RISK
Visitor
2 0 0
no we didnt but its ok. we dont need anymore.
marg22
Visitor
2 0 1

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

RISK
Visitor
2 0 0

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.