Let's fly creativity!

2 minutes reading time (332 words)

How to create a music page with Music add-on


Music add-on allows you to upload songs with images, lyrics to create a playlist including both audios & videos with some simple steps. You can also enter Music Title, and Custom Links easily for this playlist to sell your songs. 

Today, we'd like to give you a detail guide in employing Music add-on to generate a basic music page on your site. 

Technical requirements:

TZ Portfolio+: latest version

Joomla 3.8.x & PHP 7+

I. Install Music add-on - One Click Installation

- Go to Admin > Components > TZ Portfolio Plus > Add-ons

- Click "install" button> Navigate Music add-on > Click "Install now" 

​II. Create new portfolio categories, articles and configure music options

- Go to Components > TZ Portfolio+ > Category/Articles > add new

- Fill the articles with content and images

- Navigate music options on the right sidebar. You can choose to inherit from categories, or make some changes which will be applied to that article only.

- Enter custom links to sell your music items

III. Global configuration

- Go to Components > TZ Portfolio Plus > Addons 

- Open the add-on Music and configure available options

IV. Upload Music files

- Go to Components > TZ Portfolio Plus > Add-on > Open "Data manager" of Music add-on and add new

- You'll find the place to upload your files and entitle your file name

- Select articles which the music files belong to

V. Create blocks in template layout

- Go to Components > TZ Portfolio Plus > Template styles, open the one you need

Please choose Count song and Music to show them in the detail articles

- It's possible to remove any block if you don't want it to appear in the detail article

VI. Create music page's menu item

- Go to Menu > Main menu > add-newMenu item type: TZ Portfolio Plus / Portfolio

- Choose categories and configure options in Basic options

- Assign the menu item to Main menu and check your page in front-end

How to open Portfolio articles in new window/tab
Get 20% OFF purchasing TZ Portfolio+ Pro

Related Posts


By accepting you will be accessing a service provided by a third-party external to https://www.tzportfolio.com/

Search Blogs

Our Partner’s Templates

TZ Portfolio is working perfectly with JoomTd templates.
Buy our bundle and get 20% OFF from their template.

Latest Posts

10 June 2021
Hi folks, Today we're so pleased to introduce a new Joomla template developed by our partner JoomDev, JD Archi. If you're in the need of building your architectural projects and exceptional creations, JD Archi is an architect template that will ...
20 May 2021
Hi folks, Today I'm so happy to inform you that a new version of TZ Portfolio+ is already here. This new release includes important updates on image add-on and bug fixes. Please have a brief look at its changelog to see what was updated in this versi...
16 May 2021
This is a simple add-on of TZ Portfolio+ component that allows you to add one or several additional buttons to a detailed article. With this button add-on, you're able to create call-to-action buttons that motivate your audience to take real steps to...
24 April 2021
Labour Day is just around the corner! We would like to offer you a special offer to celebrate this event. Are you going to have a plan of being a premium member of the TZ Portfolio+ club? This is a great chance to join us, so you'd bet...
24 March 2021
If you're working as a photographer, designer, writer, or creative professional, there is a should-have thing you're supposed to implement, that's to build a portfolio website. Why is it necessary? A website is an important and effective tool that he...

Tag Cloud

Christ Featurebox Besley style Creative TZPortfolio+2.1.6 TZPortfolio+2.1.4 ArumStyle Cybermonday Bootstrap3 Festival ArtGallery Folio 100%discount TetHoliday color addon join our club AdvancedSearch TZPortfolio+2.1.7 Styles extrafields Joomdev Template Styles Folio template jdnewyork LunarNewYear LeaderPrice Free Update personallicense Photographer discount TZ Portfolio megadiscount TZ Portfolio+ 2.1.1 Layout Builder Carousel TZ Portfolio+ 2.1.2 Zalta V2.1.0 personalbundle TokenKey Astroid selena template BootstrapLibrary TZPortfolio+2.1.9 CSS3 K 2 migration gridgallery tzportfolio+articles Bug-fixes Joomla 4 multilevelfilter TZFlexGrid imagegallery Joomla template RealEstate XMas JSN Agency Masonry overrides Music Salon New features Responsive WebsitePortfolio eastersale License stayhome InstallationWizard Mayastyle Bootstrap4 halloween TZPortfolio+2.2.1 JDAgency vani lightbox Pricing Videocontent Joomla3.9 Search Joomla Fixes Portfolio Joomla templates ArticleLimit TreeFilter Reyla Installation Article Bug-fix Portfolio TZ Portfolio Plus Pro JDArchi One-Click Install Keira Saleoff Migration collaboration freetemplates Partners Besley TZPortfolio+Pro Flipbook freeversion charity add-on portfolioextension JDCoax Christmas 2018 add-ons PHP7.4 Sass 30% OFF Colors music add-on Christmas add-ons.TZ Portfolio users supportcampaign Selena charity JQuery Extensions Portfolio templates laborday Contentaddon COVID19 Password InfiniteCarousel slider Activation Gaia Addons Tutorials Easter2019 customlinks PortfolioDesign Joomla Template Goldena FlipBookGallery TZPortfolio+ lunarnewyear2019 PortfolioStyles Oraz template Grid Gallery TZPortfolio+2.2.8 Joomla Content Security Joomlatemplates Joomlaextensions blackfriday Templates CSSFramework Joomla3.9.4 Joomlaextension JDParis add-ons Jcontent CharityAddon Events TZPortfolio updates extension TZPortfolio+2.2.0 labourday JDSalon Elegantstyle Amuda Joomla4 Jollyany OpenSource JSN comment add-on Joomla3.x freelicense collection freetemplate Birthday SingleArticle Survey memberships Dino JD Gurukul consulta free template protectcontent Elegant CustomerSupport Free Extension joomlatemplate TZ Portfolio Plus TZPortfolio2.1.5 font Button Add-on flexslider tzportfolio+carousel Gallerycontent Override K2 Improvements TemPlaza ​ Profiler WeddingGallery googlefont Photography fundraising Happynewyear domainregister