Sebastian Tare B.
Sebastian Tare B.

Reputation: 601

How to edit django-allauth default templates?

i'm using Django 1.10 and i want to add the allauth's app for login, signin, etc, to my website. I've installed allauth from pip, and tried to put the templates from allauth repository inside my templates folder and call them but i don't know how to make it work.

Upvotes: 29

Views: 25876

Answers (9)

Sangeeth Joseph
Sangeeth Joseph

Reputation: 332

Like many have already told here, all we have to do is bring the account,openid and socialaccount folders from the templates folder of allauth into the templates folder of our project folder.

But one thing to keep in mind while adding the 'DIRS': [os.path.join(BASE_DIR, 'project_name','templates')] to the setting is that, the BASE_DIR in django points to the directory where manage.py is stored. And it is at this level we have our project folder and our templates folder within the project. So we need to add our 'project_name' and then 'templates' to the DIRS with os.path.join

Upvotes: 2

TitanFighter
TitanFighter

Reputation: 5094

The correct answer can be found here: https://stackoverflow.com/a/31282443/4992248

  1. Create yourproject/templates/allauth/account/ and paste here all templates you need to edit from /myproject/Lib/site-packages/allauth/templates/account.

If you need to make changes for socialaccount templates, create also yourproject/templates/allauth/socialaccount/

  1. Edit 'DIRS' in settings.py like 'DIRS': [os.path.join(BASE_DIR, 'templates'), os.path.join(BASE_DIR, 'templates', 'allauth')],

In the end it should look somethink like this:

TEMPLATES = [
    {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
        'DIRS': [os.path.join(BASE_DIR, 'templates'), os.path.join(BASE_DIR, 'templates', 'allauth')],
        'APP_DIRS': True,
        'OPTIONS': {
            'debug': False,
            'context_processors': [
                'django.template.context_processors.debug',
                'django.template.context_processors.request',
                'django.template.context_processors.media',
                'django.contrib.auth.context_processors.auth',
                'django.contrib.messages.context_processors.messages',
            ],
        },
    },
]
  1. You never should do any code changes at /Lib/site-packages/*, because all changes are lost once a package is updated.

Upvotes: 44

Diego Bianchi
Diego Bianchi

Reputation: 742

I use django 3.0.4 with django-allauth 0.41.0

Add folder templates in your project directory. Inside the folder templates add another folder with the app_name, in the case of the template login.html you'll create a folder accounts

so the full path will be

 /project_name/templates/accounts/login.html

my TEMPLATE Dirs in settings.py remain the same

'DIRS': [os.path.join(BASE_DIR, 'templates')]

django-allauth doc templates

Upvotes: 1

Sanel Delic
Sanel Delic

Reputation: 131

This worked for me using Django 2.1.7 and django-allauth 0.39.1:

  • In the folder yourapp/templates/ create a folder named account so at the end the structure is yourapp/templates/account/ and add all templates that you want to override like login.html or signup.html.

  • In settings.py my Template Dirs remain the same

    'DIRS': [os.path.join(BASE_DIR, 'templates')],

Upvotes: 13

C.K.
C.K.

Reputation: 5528

In django-allauth==0.36.0

  • let's say you wanna customize the login page.
  • don't need to change TEMPLATES setting
  • just create a folder named account in your project templates folder then:
  • clone the project git clone https://github.com/pennersr/django-allauth cd django-allauth/allauth/templates/account
  • Copy base.html and login.html to the created account folder
  • I tried, it works.

Official Link

Upvotes: 0

trio
trio

Reputation: 647

Try This:

Create account directory in your app's template dir so that it looks like below

yourppname/templates/account

and files

yourppname/templates/account/login.html

yourppname/templates/account/signup.html

and add below to your TEMPLATE DIRS Remember to change yourappname to your app's name

os.path.join(BASE_DIR, 'yourappname', 'templates')

TEMPLATES = [
{
    'BACKEND': 'django.template.backends.django.DjangoTemplates',
    'DIRS': [os.path.join(BASE_DIR, 'yourappname', 'templates')],
    'APP_DIRS': True,
    'OPTIONS': {
        'context_processors': [
            'django.template.context_processors.debug',
            'django.template.context_processors.request',
            'django.contrib.auth.context_processors.auth',
            'django.contrib.messages.context_processors.messages',
        ],
    },
},
]

Upvotes: 7

andhdo
andhdo

Reputation: 963

It seems that the documentation of the module is out of date. For Django 1.10 you should do the following:

  • download the module with pip
  • add the following to INSTALLED_APPS(/settings.py file)

'django.contrib.sites', # first place
'allauth',  # after your modules declarations
'allauth.account',
'allauth.socialaccount',
  • add the backends declarations and another stuff needed by allauth
AUTHENTICATION_BACKENDS = (
'django.contrib.auth.backends.ModelBackend',
'allauth.account.auth_backends.AuthenticationBackend',
)
SITE_ID = 1
ACCOUNT_EMAIL_REQUIRED = True
ACCOUNT_USERNAME_REQUIRED = True
  • seems that for django 1.10 is not needed to modify TEMPLATES section (django-allauth==0.28.0). You can verify the modules versions using the "pip freeze" command.

  • create an artificial module to override the templates; for example, my project is named irj_app and I've add a new application called _shared, then i have the following structure, and add it to INSTALLED_APPS before 'allauth' declarations :

irj_app / _shared

  • i've created a templates directory inside "_shared" folder and i've added a file called "base.html" that overrides the allauth template. what i'd found is that django-allauth creates a template that overrides the layout that you've made before, then you need to intercept the django-allauth templates to change this behavior. Also you can override any template of this authentication mechanism. For example i have:

irj_app / _shared / templates / base.html

irj_app / _shared / templates / account / base.html

irj_app / _shared / templates / account / signup.html

irj_app / _shared / templates / _shared / adminlte-template / ... (template for other modules)

hope it helps

Upvotes: 7

Sebastian Tare B.
Sebastian Tare B.

Reputation: 601

Well, i was just able to do it.

I didn't know where these templates were but i found that, in my case (i'm using virtual env):

Envs/myproject/Lib/site-packages/allauth/templates

i modified the base.html and added my static folder with all my bootstrap stuff and jquery to the settings in the file:

app_settings.py

and added this.

...
import os

BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))

STATIC_URL = '/static/'

STATICFILES_DIRS = [
    os.path.join(BASE_DIR, "static"),
]

And that's all.

I don't know if this is the propper way to do it but if someone have a better answer please post it.

Upvotes: -2

cutteeth
cutteeth

Reputation: 2213

Allauth templates can be overridden just like the normal template overriding methods.

  1. Set template directory

TEMPLATE_DIRS = ( os.path.join(BASE_DIR,'templates'), os.path.join(BASE_DIR,'templates'))

  1. Your template directory will be in project directory. Go inside your template directory and create a directory named allauth, inside allauth create a template directory and inside that create a directory accounts

  2. Create html files with same name as allauth templates. Refer to allauth github repository for more info on template names.

Upvotes: 0

Related Questions