How to Install

Red is for wowonder theme
Blue is for sunshine theme

Upload the files following the zip structure
Upload the api.php file to the root directory of your site
Open .htaccess and Add

# **** BUSINESS CARD WIDGET****

# **** WIDGETS****
RewriteRule ^widgets(/?|)$ index.php?link1=widgets [QSA]
RewriteRule ^widgets/ecard(/?|)$ index.php?link1=ecard [NC,QSA]
RewriteRule ^widgets/get-ecard(/?|)$ index.php?link1=get-ecard [NC,QSA]

Open index.php and add around page 892

                case 'widgets':
                include('sources/widgets/widgets.php');
				break;
				
				case 'ecard':
                include('sources/widgets/ecard.php');
				break;
				
				case 'get-ecard':
                include('sources/widgets/get-ecard.php');
				break;

For Wowonder theme: open themes/yourtheme/layout/timeline/content.phtml and look for around line 1305

<p class="page-margin"><?php echo $wo['user_profile']['about']; ?></p>
				
			</div>
        <?php } ?>

For Sunshine Theme around line 1442

  <?php if(!empty($wo['user_profile']['about'])) {  ?>
			<div class="page-margin wow_content">
				<div class="wo_page_hdng profile_hdng_side pag_neg_padd">
					<div class="wo_page_hdng_innr"><?php echo $wo['lang']['about']; ?></div>
				</div>
				<p class="page-margin mt-0"><?php echo $wo['user_profile']['about']; ?></p>
			</div>
        <?php } ?>

and after that add

<?php echo Wo_LoadPage('widgets/profile-ecard');?>

Open theme/youtheme/layout/header/loggedin-header.phtml and add the next code where you want to show in the menu I placed it right after the general settings on sunshine and wowonder

 <li>
            <a href="<?php echo $wo['config']['site_url'];?>/widgets/">
           <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <rect x="2" y="3" width="20" height="18" rx="2" ry="2"></rect>
  <line x1="16" y1="8" x2="16" y2="8"></line>
  <line x1="8" y1="8" x2="12" y2="8"></line>
  <line x1="8" y1="12" x2="16" y2="12"></line>
  <line x1="8" y1="16" x2="16" y2="16"></line>
</svg>
 My Widgets
            </a>
         </li>

Now visit yousite.com/widgets