Skip to main content

MediaMix Addon for Wowonder - Installation Guide

Introduction

Welcome to the installation guide for the MediaMix Addon for Wowonder. This addon enables users to display their social media playlists directly on their profiles, enhancing their experience by integrating YouTube playlists, Spotify albums, SoundCloud tracks, and Apple Podcasts or Music. With MediaMix, your users can easily showcase and customize their favorite media platforms through their profile settings.

This guide will walk you through the step-by-step installation process, including adding the necessary database tables, language strings, and setting up the MediaMix features within Wowonder.

Prerequisites:

  1. A working Wowonder installation (version 4.0 or above is recommended).
  2. Access to the server hosting Wowonder, with permission to modify files and databases.
  3. PHP 7.2 or higher.
  4. MySQL database access.
  5. Basic knowledge of editing configuration files and using FTP or a file manager.

Step 1 to 3 upload all the files with no manual addition to the files, if you prefer to install the code manually, follow step 4

Step 1: File Uploads

rEYcFXJuvGcYyLEO-upload.png

Double check if you do not wish to overwrite your theme files

  •  themes/wowonder/layout/header/loggedin-header.phtml will be overwritten to add the menu
  •  themes/wowonder/layout/timeline/content.phtml will be overwritten to add the blocks on profile. 
  • root/index.php will be overwritten to add page URL capability

Screenshot (6).png

Step 2: Add rewrite rules

Open .htaccess and Add 

# **** MediaMix Rules****
RewriteRule ^mediamix-settings(/?|)$ index.php?link1=mediamix-settings [QSA]
RewriteRule ^mediamix-settings/save_settings(/?|)$ index.php?link1=save_settings [NC,QSA]

Step 3: Run the database installation script

Go to https://yourWowonderSite.com/media-install.php 

Whis will install the required tables for fields and Language (I added English only, you must translate to your language. other languages are empty).

Visit your site https://yourWowonderSite.com/mediamix-settings/ and you are done

Step 4: Add Code to Index.php, Profile Page and Menu Manually

(skip this if you already uploaded all the files you are done)

Open siteroot/index.php and look for (around line 882)

include('sources/video.php');
                break;

and add 

case'mediamix-settings';
                include('sources/mediamix-settings.php');
                break;
                case 'save_settings':
                include('sources/save_settings.php');
                break;

So it must look like this 

case 'video-call':
                include('sources/video.php');
                break; //Add after this line
case'mediamix-settings';
                include('sources/mediamix-settings.php');
                break;
                case 'save_settings':
                include('sources/save_settings.php');
                break;

 Open and add 

# **** MediaMix Rules****
RewriteRule ^mediamix-settings(/?|)$ index.php?link1=mediamix-settings [QSA]
RewriteRule ^mediamix-settings/save_settings(/?|)$ index.php?link1=save_settings [NC,QSA]

Open themes/wowonder/layout/header/loggedin-header.phtml

and add 

<li><a href="<?php echo $wo['config']['site_url'];?>/mediamix-settings/">
 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">>
  <circle cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" fill="none"/>
  <polygon points="10,8 16,12 10,16" fill="currentColor"/>
</svg> Social Playlist Settings</a></li>

Open themes/wowonder/layout/timeline/content.phtml

Look for (This will add Youtube Channel Subscribe small button to user profile header)

<?php echo Wo_LoadPage('mediamix/subbutton');?>

Look for 

<?php echo Wo_LoadPage('mediamix/profileblock');?>


Back to top