Skip to main content

MediaMix Addon for Wowonder - Installation Guide


MediaMix Addon for Wowonder.png

Introduction

This document is also online here 

Welcome to the installation guide for the MediaMix Addon for WoWonder - The Ultimate PHP Social Network Platform. 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

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

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;
Add the Social Playlist Settings link to the Settings Menu

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

Look for or wherever you wish to place the link in the settings menu

	<svg?php xmlns="http:echo $wo['lang']['ads']; ?>
					</a>
				</www.w3.org/2000/svg"li>
			width="24"<?php height="24"} fill="currentColor" viewBox="0 0 24 24" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">?>

and add right after that. 

<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>

So it should look like this 

<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">>
This will add the players to the user profile

Open themes/wowonder/layout/timeline/content.phtml and look for  

  <?php
            foreach ($fields as $key => $wo['field']) {
                $name = $wo['field']['fid'];
                if (!empty($wo['user_profile']['fields'][$name])) {
                    echo Wo_LoadPage('timeline/custom-fields');
                }
            }
            ?>
        </ul>
        <?php } ?>

 and add after that 

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

So it look like 

 <?php
            foreach ($fields as $key => $wo['field']) {
                $name = $wo['field']['fid'];
                if (!empty($wo['user_profile']['fields'][$name])) {
                    echo Wo_LoadPage('timeline/custom-fields');
                }
            }
            ?>
        </ul>
        <?php } ?>
<?php echo Wo_LoadPage('mediamix/profileblock');?>
Add the Youtube Subscribe Button to the Profile

Look for 

<li class="list-group-item user-social-links">

And after that add 

<?php echo Wo_LoadPage('mediamix/subbutton');?>
Use this code to add to other themes and enjoy. If you need help please WhatsappMe for fast answer


Back to top