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

Tested with: Django 5.2 Django-Oscar 4
03 May 2023
|
Last Updated: 02 Dec. 2025
|
jaimedcsilva Related