Title: Clickable Images for WpZon
Last modified: August 21, 2016

---

# Clickable Images for WpZon

 *  Plugin Author [Lora77](https://wordpress.org/support/users/lora77/)
 * (@lora77)
 * [12 years, 11 months ago](https://wordpress.org/support/topic/linked-imagefor-wpzon/)
 * If you want to make all images clickable follow these steps.
 * **Step 1:**
    Find the following code (from line 134 to 238):
 *     ```
       $content .= '<div style="width:100%">
       <div style="float:left;width:15%;">
       <img src="'.$img.'" style="margin:0;padding:0;float:left;border:none;" /></div>
       <div style="float:left;margin:0px 0 90px 0;width:75%;"><a href="'.$link.'" rel="nofollow" style="text-decoration:none;font-weight:600;">'.$titlel.'</a><br><span style="color: #'.$pricecol.';font-size:14px;text-decoration:none;font-weight:600;"> '.$sprice.' </span> <strike style="color:#444;"><span style="font-size:13px;text-decoration:none;font-weight:500;">'.$lprice.'</span></strike><br>'.$desc.'<div style="font-size:12px;clear:both;">'.$avab.'</div><a href="'.$link.'" rel="nofollow" style="text-decoration:none;font-weight:600;">'.$seed.'</a></div></div>';
       }
       else {
       $content .= '<div style="width:100%">
       <div style="float:left;width:15%;">
       <img src="'.$img.'" style="margin:0;padding:0;float:left;border:none;" /></div>
       <div style="float:left;margin:0px 0 90px 0;width:75%;"><a href="'.$link.'" rel="nofollow" style="text-decoration:none;font-weight:600;">'.$titlel.'</a><br><span style="color: #'.$pricecol.';font-size:14px;text-decoration:none;font-weight:600;"> '.$sprice.' </span> <strike style="color:#444;"><span style="font-size:13px;text-decoration:none;font-weight:500;">'.$lprice.'</span></strike><div style="font-size:12px;clear:both;">'.$avab.'</div><a href="'.$link.'" rel="nofollow" style="text-decoration:none;font-weight:600;">'.$seed.'</a></div></div>';}}
       elseif ($col == "2") {
       if ($descr == "yes") {
       if(($i % 2)==0){
   
       $content .= '<div style="margin-bottom:140px;float:left;width:48%;margin-right:4%;">
       <div style="width:250px;height:97px;" >
       <img src="'.$img.'"  style="margin:0;padding:0 0 20px 30px;border:none;" /></div>
       <a href="'.$link.'" rel="nofollow" style="text-decoration:none;font-weight:600;float:left;">'.$title.'</a>
       <div style="float:left;margin:3px 0 0px 0;clear:both"><span style="color: #'.$pricecol.';font-size:15px;text-decoration:none;font-weight:600;"> '.$sprice.'</span>  <strike style="color:#444;"><span style="font-size:13px;">'.$lprice.'</span></strike><br>'.$desc.'<div style="font-size:12px;clear:both;">'.$avab.'</div></div></div>';
       }
   
       else {
       $content .= '<div style="margin-bottom:140px;float:left;width:48%;margin-right:0%;">
       <div style="width:250px;height:97px;" >
       <img src="'.$img.'"  style="margin:0;padding:0 0 20px 30px;border:none;" /></div>
       <a href="'.$link.'" rel="nofollow" style="text-decoration:none;font-weight:600;float:left;">'.$title.'</a>
       <div style="float:left;margin:3px 0 0px 0;clear:both"><span style="color: #'.$pricecol.';font-size:15px;text-decoration:none;font-weight:600;"> '.$sprice.'</span>  <strike style="color:#444;"><span style="font-size:13px;">'.$lprice.'</span></strike><br>'.$desc.'<div style="font-size:12px;clear:both;">'.$avab.'</div></div></div>';
       }}
       else {
       if(($i % 2)==0){
   
       $content .= '<div style="margin-bottom:140px;float:left;width:48%;margin-right:4%;">
       <div style="width:250px;height:97px;" >
       <img src="'.$img.'"  style="margin:0;padding:0 0 20px 30px;border:none;" /></div>
       <a href="'.$link.'" rel="nofollow" style="text-decoration:none;font-weight:600;float:left;">'.$title.'</a>
       <div style="float:left;margin:3px 0 0px 0;clear:both"><span style="color: #'.$pricecol.';font-size:15px;text-decoration:none;font-weight:600;"> '.$sprice.'</span>  <strike style="color:#444;"><span style="font-size:13px;">'.$lprice.'</span></strike><div style="font-size:12px;clear:both;">'.$avab.'</div></div></div>';
       }
   
       else {
       $content .= '<div style="margin-bottom:140px;float:left;width:48%;margin-right:0%;">
       <div style="width:250px;height:97px;" >
       <img src="'.$img.'"  style="margin:0;padding:0 0 20px 30px;border:none;" /></div>
       <a href="'.$link.'" rel="nofollow" style="text-decoration:none;font-weight:600;float:left;">'.$title.'</a>
       <div style="float:left;margin:3px 0 0px 0;clear:both"><span style="color: #'.$pricecol.';font-size:15px;text-decoration:none;font-weight:600;"> '.$sprice.'</span>  <strike style="color:#444;"><span style="font-size:13px;">'.$lprice.'</span></strike><div style="font-size:12px;clear:both;">'.$avab.'</div></div></div>';
       }}
       $i++;
   
       if(($i % 2)==0){$content .= '<div style="clear:both"></div>';}
       }
   
       elseif ($col == "3") {
       if ($descr == "yes") {
       if (($i % 3)==0) {
   
       $content .= '<div style="margin-bottom:130px;float:left;width:29%;margin-right:6%;">
       <div style="width:200px;height:97px;" >
       <a href="'.$link.'" rel="nofollow"><img src="'.$img.'"  style="margin:0;padding:0px 0 0 30px;border:none;" /></a></div>
       <a href="'.$link.'" rel="nofollow" style="text-decoration:none;font-weight:600;float:left;">'.$title.'</a>
       <div style="float:left;margin:3px 0 0px 0;clear:both;"><span style="color: #'.$pricecol.';font-size:14px;text-decoration:none;font-weight:600;"> '.$sprice.'</span>  <strike style="color:#444;"><span style="font-size:12px;font-weight:500;;">'.$lprice.'</span></strike><br>'.$desc.'<div style="font-size:12px;clear:both;color:#777;">'.$avab.'</div></div></div>';
       }
   
       elseif (($i % 3)==1) {
       $content .= '<div style="margin-bottom:130px;float:left;width:29%;margin-right:6%;">
       <div style="width:200px;height:97px;" >
       <a href="'.$link.'" rel="nofollow"><img src="'.$img.'"  style="margin:0;padding:0px 0 0 30px;border:none;" /></a></div>
       <a href="'.$link.'" rel="nofollow" style="text-decoration:none;font-weight:600;float:left;">'.$title.'</a>
       <div style="float:left;margin:3px 0 0px 0;clear:both;"><span style="color: #'.$pricecol.';font-size:14px;text-decoration:none;font-weight:600;"> '.$sprice.'</span>  <strike style="color:#444;"><span style="font-size:12px;font-weight:500;;">'.$lprice.'</span></strike><br>'.$desc.'<div style="font-size:12px;clear:both;color:#777;">'.$avab.'</div></div></div>';
       }
   
       else{
       $content .= '<div style="margin-bottom:130px;float:left;width:29%;margin-right:0%;">
       <div style="width:200px;height:97px;" >
       <a href="'.$link.'" rel="nofollow"><img src="'.$img.'"  style="margin:0;padding:0px 0 0 30px;border:none;" /></a></div>
       <a href="'.$link.'" rel="nofollow" style="text-decoration:none;font-weight:600;float:left;">'.$title.'</a>
       <div style="float:left;margin:3px 0 0px 0;clear:both;"><span style="color: #'.$pricecol.';font-size:14px;text-decoration:none;font-weight:600;"> '.$sprice.'</span>  <strike style="color:#444;"><span style="font-size:12px;font-weight:500;;">'.$lprice.'</span></strike><br>'.$desc.'<div style="font-size:12px;clear:both;color:#777;">'.$avab.'</div></div></div>';
       }
       }
       else {
       if (($i % 3)==0) {
   
       $content .= '<div style="margin-bottom:130px;float:left;width:29%;margin-right:6%;">
       <div style="width:200px;height:97px;" >
       <a href="'.$link.'" rel="nofollow"><img src="'.$img.'"  style="margin:0;padding:0px 0 0 30px;border:none;" /></a></div>
       <a href="'.$link.'" rel="nofollow" style="text-decoration:none;font-weight:600;float:left;">'.$title.'</a>
       <div style="float:left;margin:3px 0 0px 0;clear:both;"><span style="color: #'.$pricecol.';font-size:14px;text-decoration:none;font-weight:600;"> '.$sprice.'</span>  <strike style="color:#444;"><span style="font-size:12px;font-weight:500;;">'.$lprice.'</span></strike><div style="font-size:12px;clear:both;color:#777;">'.$avab.'</div></div></div>';
       }
   
       elseif (($i % 3)==1) {
       $content .= '<div style="margin-bottom:130px;float:left;width:29%;margin-right:6%;">
       <div style="width:200px;height:97px;" >
       <a href="'.$link.'" rel="nofollow"><img src="'.$img.'"  style="margin:0;padding:0px 0 0 30px;border:none;" /></a></div>
       <a href="'.$link.'" rel="nofollow" style="text-decoration:none;font-weight:600;float:left;">'.$title.'</a>
       <div style="float:left;margin:3px 0 0px 0;clear:both;"><span style="color: #'.$pricecol.';font-size:14px;text-decoration:none;font-weight:600;"> '.$sprice.'</span>  <strike style="color:#444;"><span style="font-size:12px;font-weight:500;;">'.$lprice.'</span></strike><div style="font-size:12px;clear:both;color:#777;">'.$avab.'</div></div></div>';
       }
   
       else{
       $content .= '<div style="margin-bottom:130px;float:left;width:29%;margin-right:0%;">
       <div style="width:200px;height:97px;" >
       <a href="'.$link.'" rel="nofollow"><img src="'.$img.'"  style="margin:0;padding:0px 0 0 30px;border:none;" /></a></div>
       <a href="'.$link.'" rel="nofollow" style="text-decoration:none;font-weight:600;float:left;">'.$title.'</a>
       <div style="float:left;margin:3px 0 0px 0;clear:both;"><span style="color: #'.$pricecol.';font-size:14px;text-decoration:none;font-weight:600;"> '.$sprice.'</span>  <strike style="color:#444;"><span style="font-size:12px;font-weight:500;;">'.$lprice.'</span></strike><div style="font-size:12px;clear:both;color:#777;">'.$avab.'</div></div></div>';
       }
       }
       $i++;
       ```
   
 * **Step 2:**
 * And replace it with:
 *     ```
       $content .= '<div style="width:100%">
       <div style="float:left;width:15%;">
       <a href="'.$link.'" rel="nofollow"><img src="'.$img.'" style="margin:0;padding:0;float:left;border:none;" /></a></div>
       <div style="float:left;margin:0px 0 90px 0;width:75%;"><a href="'.$link.'" rel="nofollow" style="text-decoration:none;font-weight:600;">'.$titlel.'</a><br><span style="color: #'.$pricecol.';font-size:14px;text-decoration:none;font-weight:600;"> '.$sprice.' </span> <strike style="color:#444;"><span style="font-size:13px;text-decoration:none;font-weight:500;">'.$lprice.'</span></strike><br>'.$desc.'<div style="font-size:12px;clear:both;">'.$avab.'</div><a href="'.$link.'" rel="nofollow" style="text-decoration:none;font-weight:600;">'.$seed.'</a></div></div>';
       }
       else {
       $content .= '<div style="width:100%">
       <div style="float:left;width:15%;">
       <a href="'.$link.'" rel="nofollow"><img src="'.$img.'" style="margin:0;padding:0;float:left;border:none;" /></a></div>
       <div style="float:left;margin:0px 0 90px 0;width:75%;"><a href="'.$link.'" rel="nofollow" style="text-decoration:none;font-weight:600;">'.$titlel.'</a><br><span style="color: #'.$pricecol.';font-size:14px;text-decoration:none;font-weight:600;"> '.$sprice.' </span> <strike style="color:#444;"><span style="font-size:13px;text-decoration:none;font-weight:500;">'.$lprice.'</span></strike><div style="font-size:12px;clear:both;">'.$avab.'</div><a href="'.$link.'" rel="nofollow" style="text-decoration:none;font-weight:600;">'.$seed.'</a></div></div>';}}
       elseif ($col == "2") {
       if ($descr == "yes") {
       if(($i % 2)==0){
   
       $content .= '<div style="margin-bottom:140px;float:left;width:48%;margin-right:4%;">
       <div style="width:250px;height:97px;" >
       <a href="'.$link.'" rel="nofollow"><img src="'.$img.'"  style="margin:0;padding:0 0 20px 30px;border:none;" /></a></div>
       <a href="'.$link.'" rel="nofollow" style="text-decoration:none;font-weight:600;float:left;">'.$title.'</a>
       <div style="float:left;margin:3px 0 0px 0;clear:both"><span style="color: #'.$pricecol.';font-size:15px;text-decoration:none;font-weight:600;"> '.$sprice.'</span>  <strike style="color:#444;"><span style="font-size:13px;">'.$lprice.'</span></strike><br>'.$desc.'<div style="font-size:12px;clear:both;">'.$avab.'</div></div></div>';
       }
   
       else {
       $content .= '<div style="margin-bottom:140px;float:left;width:48%;margin-right:0%;">
       <div style="width:250px;height:97px;" >
       <a href="'.$link.'" rel="nofollow"><img src="'.$img.'"  style="margin:0;padding:0 0 20px 30px;border:none;" /></a></div>
       <a href="'.$link.'" rel="nofollow" style="text-decoration:none;font-weight:600;float:left;">'.$title.'</a>
       <div style="float:left;margin:3px 0 0px 0;clear:both"><span style="color: #'.$pricecol.';font-size:15px;text-decoration:none;font-weight:600;"> '.$sprice.'</span>  <strike style="color:#444;"><span style="font-size:13px;">'.$lprice.'</span></strike><br>'.$desc.'<div style="font-size:12px;clear:both;">'.$avab.'</div></div></div>';
       }}
       else {
       if(($i % 2)==0){
   
       $content .= '<div style="margin-bottom:140px;float:left;width:48%;margin-right:4%;">
       <div style="width:250px;height:97px;" >
       <a href="'.$link.'" rel="nofollow"><img src="'.$img.'"  style="margin:0;padding:0 0 20px 30px;border:none;" /></a></div>
       <a href="'.$link.'" rel="nofollow" style="text-decoration:none;font-weight:600;float:left;">'.$title.'</a>
       <div style="float:left;margin:3px 0 0px 0;clear:both"><span style="color: #'.$pricecol.';font-size:15px;text-decoration:none;font-weight:600;"> '.$sprice.'</span>  <strike style="color:#444;"><span style="font-size:13px;">'.$lprice.'</span></strike><div style="font-size:12px;clear:both;">'.$avab.'</div></div></div>';
       }
   
       else {
       $content .= '<div style="margin-bottom:140px;float:left;width:48%;margin-right:0%;">
       <div style="width:250px;height:97px;" >
       <a href="'.$link.'" rel="nofollow"><img src="'.$img.'"  style="margin:0;padding:0 0 20px 30px;border:none;" /></a></div>
       <a href="'.$link.'" rel="nofollow" style="text-decoration:none;font-weight:600;float:left;">'.$title.'</a>
       <div style="float:left;margin:3px 0 0px 0;clear:both"><span style="color: #'.$pricecol.';font-size:15px;text-decoration:none;font-weight:600;"> '.$sprice.'</span>  <strike style="color:#444;"><span style="font-size:13px;">'.$lprice.'</span></strike><div style="font-size:12px;clear:both;">'.$avab.'</div></div></div>';
       }}
       $i++;
   
       if(($i % 2)==0){$content .= '<div style="clear:both"></div>';}
       }
   
       elseif ($col == "3") {
       if ($descr == "yes") {
       if (($i % 3)==0) {
   
       $content .= '<div style="margin-bottom:130px;float:left;width:29%;margin-right:6%;">
       <div style="width:200px;height:97px;" >
       <a href="'.$link.'" rel="nofollow"><img src="'.$img.'"  style="margin:0;padding:0px 0 0 30px;border:none;" /></a></div>
       <a href="'.$link.'" rel="nofollow" style="text-decoration:none;font-weight:600;float:left;">'.$title.'</a>
       <div style="float:left;margin:3px 0 0px 0;clear:both;"><span style="color: #'.$pricecol.';font-size:14px;text-decoration:none;font-weight:600;"> '.$sprice.'</span>  <strike style="color:#444;"><span style="font-size:12px;font-weight:500;;">'.$lprice.'</span></strike><br>'.$desc.'<div style="font-size:12px;clear:both;color:#777;">'.$avab.'</div></div></div>';
       }
   
       elseif (($i % 3)==1) {
       $content .= '<div style="margin-bottom:130px;float:left;width:29%;margin-right:6%;">
       <div style="width:200px;height:97px;" >
       <a href="'.$link.'" rel="nofollow"><img src="'.$img.'"  style="margin:0;padding:0px 0 0 30px;border:none;" /></a></div>
       <a href="'.$link.'" rel="nofollow" style="text-decoration:none;font-weight:600;float:left;">'.$title.'</a>
       <div style="float:left;margin:3px 0 0px 0;clear:both;"><span style="color: #'.$pricecol.';font-size:14px;text-decoration:none;font-weight:600;"> '.$sprice.'</span>  <strike style="color:#444;"><span style="font-size:12px;font-weight:500;;">'.$lprice.'</span></strike><br>'.$desc.'<div style="font-size:12px;clear:both;color:#777;">'.$avab.'</div></div></div>';
       }
   
       else{
       $content .= '<div style="margin-bottom:130px;float:left;width:29%;margin-right:0%;">
       <div style="width:200px;height:97px;" >
       <a href="'.$link.'" rel="nofollow"><img src="'.$img.'"  style="margin:0;padding:0px 0 0 30px;border:none;" /></a></div>
       <a href="'.$link.'" rel="nofollow" style="text-decoration:none;font-weight:600;float:left;">'.$title.'</a>
       <div style="float:left;margin:3px 0 0px 0;clear:both;"><span style="color: #'.$pricecol.';font-size:14px;text-decoration:none;font-weight:600;"> '.$sprice.'</span>  <strike style="color:#444;"><span style="font-size:12px;font-weight:500;;">'.$lprice.'</span></strike><br>'.$desc.'<div style="font-size:12px;clear:both;color:#777;">'.$avab.'</div></div></div>';
       }
       }
       else {
       if (($i % 3)==0) {
   
       $content .= '<div style="margin-bottom:130px;float:left;width:29%;margin-right:6%;">
       <div style="width:200px;height:97px;" >
       <a href="'.$link.'" rel="nofollow"><img src="'.$img.'"  style="margin:0;padding:0px 0 0 30px;border:none;" /></a></div>
       <a href="'.$link.'" rel="nofollow" style="text-decoration:none;font-weight:600;float:left;">'.$title.'</a>
       <div style="float:left;margin:3px 0 0px 0;clear:both;"><span style="color: #'.$pricecol.';font-size:14px;text-decoration:none;font-weight:600;"> '.$sprice.'</span>  <strike style="color:#444;"><span style="font-size:12px;font-weight:500;;">'.$lprice.'</span></strike><div style="font-size:12px;clear:both;color:#777;">'.$avab.'</div></div></div>';
       }
   
       elseif (($i % 3)==1) {
       $content .= '<div style="margin-bottom:130px;float:left;width:29%;margin-right:6%;">
       <div style="width:200px;height:97px;" >
       <a href="'.$link.'" rel="nofollow"><img src="'.$img.'"  style="margin:0;padding:0px 0 0 30px;border:none;" /></a></div>
       <a href="'.$link.'" rel="nofollow" style="text-decoration:none;font-weight:600;float:left;">'.$title.'</a>
       <div style="float:left;margin:3px 0 0px 0;clear:both;"><span style="color: #'.$pricecol.';font-size:14px;text-decoration:none;font-weight:600;"> '.$sprice.'</span>  <strike style="color:#444;"><span style="font-size:12px;font-weight:500;;">'.$lprice.'</span></strike><div style="font-size:12px;clear:both;color:#777;">'.$avab.'</div></div></div>';
       }
   
       else{
       $content .= '<div style="margin-bottom:130px;float:left;width:29%;margin-right:0%;">
       <div style="width:200px;height:97px;" >
       <a href="'.$link.'" rel="nofollow"><img src="'.$img.'"  style="margin:0;padding:0px 0 0 30px;border:none;" /></a></div>
       <a href="'.$link.'" rel="nofollow" style="text-decoration:none;font-weight:600;float:left;">'.$title.'</a>
       <div style="float:left;margin:3px 0 0px 0;clear:both;"><span style="color: #'.$pricecol.';font-size:14px;text-decoration:none;font-weight:600;"> '.$sprice.'</span>  <strike style="color:#444;"><span style="font-size:12px;font-weight:500;;">'.$lprice.'</span></strike><div style="font-size:12px;clear:both;color:#777;">'.$avab.'</div></div></div>';
       }
       }
       $i++;
       ```
   
 * Thank you for using WpZon! 🙂
    God bless!

The topic ‘Clickable Images for WpZon’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/wpzon.svg)
 * [WpZon - Amazon Affiliate Plugin](https://wordpress.org/plugins/wpzon/)
 * [Support Threads](https://wordpress.org/support/plugin/wpzon/)
 * [Active Topics](https://wordpress.org/support/plugin/wpzon/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/wpzon/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/wpzon/reviews/)

 * 0 replies
 * 1 participant
 * Last reply from: [Lora77](https://wordpress.org/support/users/lora77/)
 * Last activity: [12 years, 11 months ago](https://wordpress.org/support/topic/linked-imagefor-wpzon/)
 * Status: not resolved