WC Vendor Allow vendors to view all media

Hi friends
If you are using Wc Vendor plugin and
If you want Allow vendors to view all media library
Step 1 
Please open file in editor
wp-content > plugins > wc-vendors > classes > admin > class-admin-users.php

And find filter 
Filter user attachments so they only see their own attachments 

And remove 
Filter Code under this filter  

OPENCART ADMIN BLANK PAGE

Our store uses the Script Opencart. It was showing blank page while tried to access Admin page.
I have pasted the following lines in Index.php of Admin directory and checked for errors.
ini_set(‘display_errors’, 1);
ini_set(‘log_errors’, 1);
error_reporting(E_ALL);

After that while reloading the Admin page, I found the error was in the directory path. After renaming the correct directory name in Config.php inside Admin folder, it started working fine..
Finally the blank page problem solved!

Comments Are welcome. 

Add a custom currency / symbol

Hi
To add a custom currency paste this code in your theme functions.php file and replace Currency Name with your currency and symbol with own symbol

add_filter( 'woocommerce_currencies', 'add_my_currency' );



function add_my_currency( $currencies ) {

$currencies['ABC'] = __( 'Currency name', 'woocommerce' );

return $currencies;

}

add_filter('woocommerce_currency_symbol', 'add_my_currency_symbol', 10, 2);



function add_my_currency_symbol( $currency_symbol, $currency ) {

switch( $currency ) {

case 'ABC': $currency_symbol = '$'; break;

}

return $currency_symbol; 

}



Enjoy Comments are welcome !!

how to Make (get) screen 100% height in css

There are many ways to make the height of your HTML elements to be exactly as the height of the browser screen, regardless of the screen resolution, browser, device, etc. Many of these options use JavaScript to find out the height of the window. But there’s a way to do this with pure CSS only.

What is Viewport-Percentage (or Viewport-Relative) Lengths?

The viewport-percentage lengths are relative to the size of the initial containing block. When the height or width of the initial containing block is changed, they are scaled accordingly.

So, by using viewport-percentage lenghts, HTML elements adjust automatically when the height or width of the screen changes.

There are a few options you may find useful:

• vh (viewport height)
• vw (viewport width)
• vmin (viewport minimum length)
• vmax (viewport maximum length)

Here’s just a simplified code example of the HTML:

1 2 3 4 5 6 7

<div id="welcome">    your content on screen 1 </div>   <div id="projects">    your content on screen 2 </div>

and here’s the CSS using vh:

div#welcome {

height: 100vh;

background: black;

}

div#projects {

height: 100vh;

background: yellow;

}

Enjoy Comments are welcome !!

Ravish Jha Webdesigner

Hello there! I’m Ravish Jha,
I have extensive experience in Front-end Lead. Domain expertise in building e-commerce, web portal, mobile applications, CMS Website and project management an effective communicator with excellent interpersonal, analytic client service, and Management skills.

You can see my portfolio on my website: ravishjha.com

Background Origin in CSS

The default for background-origin is  padding-box. This means the background applies to the area containing the padding but not to the area containing the border:

section {
    margin: 1em;
    padding: 1em;
    border: 1em dashed black;
    background-origin: padding-box;
}

This sample image is scaled to fill its container and set not to repeat.

Setting the origin to border-box means that the background will now extend out under the border:

section {
    margin: 1em;
    padding: 1em;
    border: 1em dashed black;
    background-origin: border-box;
}

Multiple Background in CSS3

Hi 

Adding multiple background images is simply a matter of listing them, along with any relevant attributes, separated by commas in the background property:

background: top right
  url('pitr-head.png') no-repeat,
 bottom right
  url('aj-head.png') no-repeat,
 top left
  url('mike-head.png') no-repeat,
 bottom left
  url('sid-head.png') no-repeat;

Browser Support

    

Internet Explorer 9+, Firefox 3.6+, Opera 10.5+, Chrome 7+, and Safari 3+ support the <canvas> element.