Django-Oscar - Frontend Customization - Part 3

Modifying the appearence with CSS:
Documentation: https://django-oscar.readthedocs.io/en/latest/howto/how_to_handle_statics.html

python manage.py oscar_fork_statics

 

STATICFILES_DIRS = [
    BASE_DIR / "static",
]




Modifying the templates with HTML:
Documentation: https://django-oscar.readthedocs.io/en/latest/howto/how_to_customise_templates.html

TEMPLATES = [
    {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
        'DIRS': ['templates'],
        ...
]


There is a folder templates inside django-oscar-master/src/oscar/. Copy templates to /mysite

(If you have created a templates folder in the previous tutorial, then just drag the content of Oscar templates into your own templates folder) 

Inside the templates folder you can find all the html files that Django-Oscar uses. Modify directly. 

 



Some examples of where to find the files:
 

mysite/templates/oscar/partials/nav_accounts.html


mysite/templates/oscar/partials/nav_primary.html



mysite/templates/oscar/partials/footer.html



mysite/templates/oscar/partials/search.html


mysite/templates/oscar/partials/mini_basket.html


mysite/templates/oscar/catalogue/partials/product.html

 

mysite/templates/oscar/catalogue/detail.html



mysite/templates/oscar/catalogue/browse.html

 

mysite/templates/oscar/layout.html

 

mysite/templates/oscar/customer/login_registration.html