So to fulfill the requirement I added some custom code in Virtuemart admin files. Here is the code and files to modify.

1. Locate – /administrator/components/com_virtuemart/classes/ps_vendor.php
2. Find the below code and comment it like this

/*if (!vmValidateEmail($d["contact_email"])) {
$vmLogger->err( 'Please provide a valide email address for the vendor contact.' );
return False;
}*/

By commenting the above code virtuemart will stops displaying the warning of invalid email address and now it allows you to add multiple email ID’s seperated with comma(,).

But story doesn’t end’s here, because still virtuemart will not shoots the purchasing email to any of the ID’s added.

3. Now locate – /administrator/components/com_virtuemart/classes/ps_vendor.php
4. Search for the below code

// Email Addresses for shopper and vendor
// **************************************
$shopper_email = $dbbt->f("user_email");
$shopper_name = $dbbt->f("first_name")." ".$dbbt->f("last_name");
$from_email = $dbv->f("contact_email");

5. Replace it with

// Email Addresses for shopper and vendor
// **************************************
$shopper_email = $dbbt->f("user_email");
$shopper_name = $dbbt->f("first_name")." ".$dbbt->f("last_name");
$email = explode(',',trim($dbv->f("contact_email"),','));
$from_email=$email[0];

Please note:- In the above code we assigned the very first email ID as a “from” email ID. So for example if you are going to enter abc@gmail.com,xyz@gmail.com then the receiving mail is going to display abc@gmail.com as a “from” email id.

6. Now in the same file search for

if ( !$shopper_mail || !$vendor_mail )

7. And just above searched code line add this code

if(count($email)>1)
   {
    for($j=1;count($email)>$j;$j++)
    {
     $vendor_mail = vmMail( $from_email, $mosConfig_fromname, $email[$j], $vendor_subject, $vendor_mail_Body, $vendor_mail_AltBody, true, null, null, $EmbeddedImages, null, $shopper_email);
    }
   }

So in the above code we added a loop to grab all email ID’s and shoot them email one by one.

Here you are done, now just go ahead and check the implemented functionality.

I am sure each of you as a WordPress site developer, got the basic requirement to open any specific page in new window, or redirecting any specific WordPress page to any external URL. Though I am not sure how did each of you tackle this but here this WordPress plugin helps you to manage this just be checking a checkbox.

Few of the very useful option that I would like to specify for this plugin are –

1. Alternative Link Text (lets you specify alternative link text to be used in Page lists instead of the     Page title)
2. Alternative Title Attribute (lets you specify an alternative title attribute to be used in Page lists     instead of the Page title)
3. Add Custom Classes to Individual List Items
4. Redirect To (lets you redirect the link to a different url)
5. Open link in new window
6. Include (lets you specify which Pages appear in Page lists and which don’t)
7. Link (lets you unlink Pages without removing them from your Page lists)
8. Nofollow (lets you add rel=”nofollow” to links, telling search engines not to follow them)

Beside these options there much more you can get from this wordpress plugin. Just go ahead and download the plugin right away.

How to use the pligin – Page Lists Plus

1. Download Install and activate the plugin
2. Mouse over the “Settings” and select “Page Lists Plus”



3. Check the options as per your requirement and save the changes
4. Now in each of the WordPress page you will get new options as per the selection you made in Plage Lists Plus Setting

Here I am sharing a best solution for them, as with the help of http-equiv="X-UA-Compatible" Meta Tag you can easily control that what browser version your page will render in. And along with that you can hide the compatibility view button on IE.

Handling IE Compatibility Mode using Meta Tag

<meta http-equiv="X-UA-Compatible" content="IE=5" />
This will forces IE  to render the page in “Quirks” mode.

<meta http-equiv="X-UA-Compatible" content="IE=7" />
This will forces IE  to render the page using IE 7 Strict mode.

<meta http-equiv="X-UA-Compatible" content="IE=7" />
This will forces IE  to render the page using IE 8 Strict mode.

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
IE 7 standards or Quirks rendering, depending on DOCTYPE . Along with this will hide the compatibility view button of browser

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />
IE 8 standards or Quirks rendering, depending on DOCTYPE. Along with this will hide the compatibility view button of browser

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9" />
IE 9 standards or Quirks rendering, depending on DOCTYPE. Along with this will hide the compatibility view button of browser

Easy Steps to add Donate Button in WordPress site

1. Create your PayPal account if it is not already created
2. Locate function.php in your current activated theme
3. Past the below code in function.php

function donate_shortcode( $atts ) {
    extract(shortcode_atts(array(
        'text' => 'Make a donation',
        'account' => 'YOUR PAYPAL USER NAME WILL GOES HERE',
        'for' => 'MESSAGE TO BE DISPLAIED ON DONATION PAGE',
    ), $atts));

    global $post;

    if (!$for) $for = str_replace(" ","+",$post->post_title);

    return '<a class="donateLink" href="https://www.paypal.com/cgi-bin/webscr?cmd=_xclick&business='.$account.'&item_name=Donation+for+'.$for.'">'.$text.'</a>';

}
add_shortcode('donate', 'donate_shortcode');

4. Just don’t forget to update 3 variables in the above code as per your requirement –
‘text’ => ‘Make a donation’,
‘account’ => ‘YOUR PAYPAL USER NAME WILL GOES HERE’,
‘for’ => ‘MESSAGE TO BE DISPLAIED ON DONATION PAGE’,

And at the last if needed you can display donate image graphics using <img> tag instead of normal text by replacing $text in –

return ‘<a class=”donateLink” href=”https://www.paypal.com/cgi-bin/webscr?cmd=_xclick&business=’.$account.’&item_name=Donation+for+’.$for.’”>’.$text.’</a>’;

5. At the very end you just have to add a short code [donate] on the WordPress page to display display button/text on it.

Here you are done, It’s time to check code the implementation.

/* IE6 and below */
* html #uno  { color: red }

/* IE7 */
*:first-child+html #dos { color: red } 

/* IE7, FF, Saf, Opera  */
html>body #tres { color: red }

/* IE8, FF, Saf, Opera (Everything but IE 6,7) */
html>/**/body #cuatro { color: red }

/* Opera 9.27 and below, safari 2 */
html:first-child #cinco { color: red }

/* Safari 2-3 */
html[xmlns*=""] body:last-child #seis { color: red }

/* safari 3+, chrome 1+, opera9+, ff 3.5+ */
body:nth-of-type(1) #siete { color: red }

/* safari 3+, chrome 1+, opera9+, ff 3.5+ */
body:first-of-type #ocho {  color: red }

/* saf3+, chrome1+ */
@media screen and (-webkit-min-device-pixel-ratio:0) {
 #diez  { color: red  }
}

/* iPhone / mobile webkit */
@media screen and (max-device-width: 480px) {
 #veintiseis { color: red  }
}

/* Safari 2 - 3.1 */
html[xmlns*=""]:root #trece  { color: red  }

/* Safari 2 - 3.1, Opera 9.25 */
*|html[xmlns*=""] #catorce { color: red  }

/* Everything but IE6-8 */
:root *> #quince { color: red  }

/* IE7 */
*+html #dieciocho {  color: red }

/* Firefox only. 1+ */
#veinticuatro,  x:-moz-any-link  { color: red }

/* Firefox 3.0+ */
#veinticinco,  x:-moz-any-link, x:default  { color: red  }

/***** Attribute Hacks ******/

/* IE6 */
#once { _color: blue }

/* IE6, IE7 */
#doce { *color: blue; /* or #color: blue */ }

/* Everything but IE6 */
#diecisiete { color/**/: blue }

/* IE6, IE7, IE8 */
#diecinueve { color: blue\9; }

/* IE7, IE8 */
#veinte { color/*\**/: blue\9; }

/* IE6, IE7 -- acts as an !important */
#veintesiete { color: blue !ie; } /* string after ! can be anything */

Referal URL: My special thanks to Paul Irish.

Though there are numbers of magical tools available on the web to cut off the webpage styling time and which help you in preparing CSS styles on the air with few clicks. Here I am sharing few of them which I think one web designer should be aware of it.

1. CSS3 Pie

This is one of the best and most lovingly tool of mine. One of the best feature of this tool is that it provides the CSS3 rules or say CSS3 attributes that runs on IE. So CSS rules like border-radius, box-shadow, border-image, multiple background images, linear-gradient as background image. Don’t get surprised this is TRUE.

Visit: CSS3 Pie for more info

2. CSS3 Generator

Again this is one of the best online CSS3 tool, which will helps you out in reducing your webpage styling efforts in extreme extends. An I am dam sure you will really love to work on such a great CSS3 generator tool.

Visit: CSS3 Generator

3. Button Maker

This tool will going to fall in love with himself. This is one of the amazing tool to prepare stylish buttons with no efforts. This button maker tool simply asks you to drag the sliders to adjust the button settings. My special thanks to Chris Coyier for introducing such a wonder full Button maker tool.

Visit: Button Maker

4. CSS3 Cheat Sheet

One Web developer/designer should have this cheat sheet on his/her computer table stick board. So this sheet containing all common attributes for CSS. This will also helps you in memorizing the CSS properties and syntax.

Cause of the issue – No Thumbnail or un-relevant thumbnail while sharing post on Facebook

The only cause which I get to know in my R&D is “Bad coded facebook script”. So this facebook script search for all the image tags in our posts and pages, and display what it feels relevant, and even some time it stops image searching in between. As a reason we will not able to assign particular post image to facebook sharing.

Solution for the issue – Facebook share thumbnail image missing or un-relevant image thumbnail

We actually have two solutions for the issue, where one works well for the static site and another works in case of dynamic site like WordPress Blog with different posts.

Solution for the static sites

Simply add any of the bellow line of code in the <head> section of your template file

<link  rel="image_src" href="absolute path to your image" />

OR

<meta property="og:image" content="http://www.yoursite.com/image.jpg" />

Just don’t forget to update the image path in the above code.

Solution for the dynamic sites

Open function.php from your current activated theme folder in your WordPress site, and place the below code in it

function insert_image_src_rel_in_head() {
        global $post;
        if ( !is_singular()) //if it is not a post or a page
               return;
        if(!has_post_thumbnail( $post->ID )) { //the post does not have featured image, use a default image
               $default_image="http://example.com/image.jpg"; //replace this with a default image on your server or an image in your media library
               echo '<meta property="og:image" content="' . $default_image . '"/>';
        }
        else{
               $thumbnail_src = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'medium' );
               echo '<meta property="og:image" content="' . esc_attr( $thumbnail_src[0] ) . '"/>';
        }
        echo "\n";
}
add_action( 'wp_head', 'insert_image_src_rel_in_head', 5 );

Just don’t forget to update the default image path in the above code so you have to update http://example.com/image.jpg with your actual image path. So the above code will first search for the post featured image and assign that image to facebook sharing otherwise it will assign the default image to it.

If you like you can use this plugin as an alternative to the above code – Add image_src Meta Tag

Source: Staenz Web Solutions

To implement truncated post title you simply have to locate the file containing post title. This all depends on the WordPress theme you are using on your site, but most provably the title code will located in index.php of your current activated theme folder.

Implementing Truncated Post Title

1. Simply open index.php from your current activated theme

2. Search for anchor tag with post title. Code might look something like this –
<a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><?php the_title(); ?></a>. Or you can simply search for <a href="<?php the_title(); ?>

3. Replace complete anchor tag with the below code

<a href="<?php the_permalink() ?>">
<?php
$thetitle = $post->post_title;
$getTitlelength = strlen($thetitle);
$titlelength = 100;
echo substr($thetitle, 0, $titlelength);
if ($getTitlelength > $titlelength) echo "...";
?>
</a>

Just don’t forget to adjust the character limit in the above code as per your requirement, as in above code I have assigned “100” as a character limit. So the above code will going to display first 100 characters of you blog post title following with “…”

You can also directly place this code in any of the theme file where you want to display truncated post title.

Replytocom URL’s are the auto generated URL’s form wordpress blog site with enabled reply to comments feature. Basically Replytocom URL’s are kind of a query string added to your original URL. Or you can say Replytocom are the parameter which get appended in your post permalink for the comments you have on your Blog, so for example if your original URL look like http://www.tips4developer.com/joomla/3-security-extensions-secure-joomla-website/
then replytocom URL will become something like http://www.tips4developer.com/joomla/3-security-extensions-secure-joomla-website ?replytocom=1192. So it automatically add ?replytocom=# at the end of your original URL

How does Replytocom URL’s get generated

Basically these URL’s get generated from the posts comments you gets form the site visitors, so as much as comments you have on your posts as much replytocom URL’s get generated. But that does not mean that you have to disable commenting feature from your Blog. Instead we have good solution to get rid of it.

Issue and Drawbacks of Replytocom URL’s

Replytocom links are actually a serious problem which –

1. Eventually bring steep fall in rankings among the search engines
2. Search Engines will detect your pages as duplicate content
3. Will consume high database usage, because bots will asks a repetitive requests to your server to crawl already crawled URL with non replytocom URL

How to remove replytocom URL’s

1. Handeling replycom URL’s with Google Webmaster Tool
• Open your Google Webmaster Tools Dashboard.
• Expand the ‘Site Configuration’ menu on the left hand side of the Dashboard.
• Click on the Settings option & go to the ‘URL parameters’.
• Then click on “Configure URL parameters”  displayed on right side main page
• Click on “Edit” link of “replytocom” row



• Update the settings as per below screen cap



2. Handeling replycom URL’s with Robots.txt file
   Simply add the below line on your Roborts.txt file

   Disallow: *?replytocom

3. Handeling replycom URL’s with WordPress Plugin
   In case you are not much comfortable with Robots.txt file, the other best option you have is to let the WordPress plugin to handle the issue. So you simple need to download and install  Replytocom redirector plugin, that automatically deal with the bot.

I hope the above information is going to helps you allot.

Here I got the best solution to achieve the scenario –

Setting default number of product to display on product pages in virtuemart

1. Locate the file in your admin virtuemart folder
/administrator/components/com_virtuemart/classes/pageNavigation.class.php
2. Search for the below code

for ($i=5; $i <= 30; $i+=5)
   {
      if (empty( $link)) {
        $limits[$i] = $i;
      } else {
        $limits[vmRoute($link.'&limit='.$i)] = $i;
      }
    }

3. Update the # in the above for loop as per your requirement so -
the 1st value (5) is the smallest # of products shown, or say the very first value going to be display in pagination dropdown
the 2nd value (30) is until which # of products it will count up in steps of the 3rd value (5), so this will be like 5×1=5,5×2=10,5×3=15…..5×6=30.

Go ahead and check your product pages get starting to display number of products as per your choice, and along with that “Display” dropdown under pagination get also filled with new options as per changes and requirement

Your output will look something like this –