NorrCompetition | NorrNext Documentation
DocumentationNorrCompetition
  • πŸš€Getting started
    • Technical Requirements
    • Installation and Updates
  • πŸ› οΈConfiguration
    • Component Options
    • General
    • Contests
    • Contest
    • Entries
    • Entry
    • Categories
    • Category
    • Images
    • Comments
    • Contest Form
    • Permissions
  • πŸ–ΌοΈContests
    • Managing Contests
    • Creating Contest
    • Contest Layout Options
    • Closing Contest
  • πŸ†Entries
    • Managing Entries
    • Adding Entry
    • Approving Entry
    • Entry Data Comparison
    • Entry Layout Options
    • Submitting Entry Form
    • Contestant's Profile
    • Votes Log
  • πŸ“‚Categories
    • General Information
    • Managing Categories
    • Creating Category
    • Category Layout Options
  • 🧩Fields
    • General Information
    • Managing Fields
    • Field Types
    • Creating Field
  • πŸ”‹Modules
    • NorrCompetition Entries
    • NorrCompetition Contests
    • NorrCompetition Grid
  • πŸ”ŒPlugins
    • NorrCompetition Notifications
    • NorrCompetition Smart Search
    • NorrCompetition Search
    • NorrCompetition Sitemap
    • NorrCompetition Profile Link
    • Application for EasySocial
    • NorrCompetition Application for JomSocial
    • AUP plugin for NorrCompetition
    • NorrCompetition Image Moderation
      • Sightengine Setup
      • Plugin Configuration
  • πŸ’¬Comments
    • Integration with Facebook
    • Integration with JComments
    • Integration with Komento
    • Integration with Disqus
    • Integration with VK.com
  • ☁️Remote Storage
    • General Information
    • AWS S3
  • πŸ–₯️Customisation
    • Template Overriding
    • Using content plugins on entry page
    • Link to contestant
    • Events
      • Content
      • Contest
      • Entry
      • Entry Form
      • Field
      • Vote
      • Other
  • ✍️Localisation
    • Language pack installation
    • How to take a part in NorrCompetition localisation
  • πŸ“œBest Practices
    • Recommendations on image sizes
    • Use on multilingual sites
    • Tutorial: How to Create Photo/Video Voting Contest on Joomla
    • Tutorial: Monetize Voting Contests via Membership
    • Tutorial: Monetize Voting Contests via Points
    • Embedding HTML snippets on example of music contest
  • πŸ’‘FAQ
    • How the protection from unfair voting is implemented?
    • What notifications does the component send?
    • Create and edit contests on front-end
    • Submitting Entries by Unregistered Users
    • How to install sample data
    • How to change the order of tabs with comments
    • Using navigation module (breadcrumbs)
    • NorrCompetition and YOOtheme Pro
  • πŸ”Troubleshooting
    • I do not get notifications from NorrCompetition
    • I get an error or white screen on photo upload
    • No images appear after submitting entries
    • Submit button is not working
  • User is not able to vote. Errors in the console
Powered by GitBook
On this page
  • Creating layout overrides
  • Creating CSS/JS overrides
  1. Customisation

Template Overriding

Template overriding is a standard feature that comes with Joomla. It's sole purpose is to allow you to customize your layouts without modifying the files and contents of the components or modules that you install on your Joomla site.

NorrCompetition is following the standard approach.

Creating layout overrides

Preparing a template override

Let’s assume that the name of your template is mytemplate. First of all you need to create a template override.

Create a general override folder called html in the following path: /templates/mytemplate/html/

Create NorrCompetiton override folder called com_competition in the following path: /templates/mytemplate/html/layouts/com_competition/

This will contain override layouts for NorrCompetition layouts.

Overriding default layouts

Create an override folder in the following path: /templates/mytemplate/html/layouts/com_competition/default/

If you need to create a layout override for /components/com_competition/layouts/default/partials/contest/items.php

then you will need to copy that file to the following path: /templates/mytemplate/html/layouts/com_competition/default/partials/contest/items.php

The same applies to any PHP file inside the layouts/default folder you want to override.

Creating CSS/JS overrides

Assets of the component are located in the /media/com_competition/ folder.

For example, if you want to override a cropper.min.css located in the /media/com_competition/css/ then you will need to copy it into the following path: /templates/mytemplate/css/com_competition/cropper.min.css

or if your template supports child template, then to

/media/templates/site/mytemplate/css/com_competition/cropper.min.css

The same approach applies to JavaScript files override. The only difference is that they are stored under js folder.

PreviousAWS S3NextUsing content plugins on entry page

Last updated 10 months ago

πŸ–₯️