Joomla Virtuemart Marketplace Single Seller Checkout:

Joomla Virtuemart Marketplace Single Seller Checkout wonderful add-on that allows to checkout from single seller only. Customers can add only one seller’s product to the cart. This add-on is very useful when admin wants to create order from a single seller only and not from multiple sellers. In addition to this alert, features have been added admin can select bootbox alert or sweet alert, which will be implemented at cart page.

CS-Cart Endicia Shipping Label: Integrate Endicia with CS-Cart to print professional USPS shipping labels and simplify your shipping process. This splendid addon allows store Admin to check Endicia account status and generate USPS shipping labels. Endicia, a leading provider of Internet-based postage services for e-commerce businesses of all sizes, is known for its simplified shipping operations.

Web application testing is a testing methodology focused on applications that are hosted on the web. Web Testing in simple terms is checking your web application for bugs before its made live or before code is moved into the production environment. In web application testing, some of the testing types such as Cross-browser, Responsiveness, performance, security become more important than others. Here are the checklist for Web testing-

Cross Browser Testing:

There are lots of browsers available in the market which means our website under test needs to be working well for your supported browsers.
Cross Browser Testing is a type of functional test to check that your web application works as expected in different browsers.
Like- Some people prefer to open their desire sites in Firefox browser while other’s can be using Chrome browser.

In the diagram below you can observe that in the chrome browser our sign up form looks perfect on the other hand in Firefox browser same form is looking different. You will not get the sign-up form with rounded corner even submit button is not at the right position.

The reason for Cross Browser Issue:

Font size mismatch in different browsers.

JavaScript implementation can be different.

CSS,HTML validation difference can be there.

Some browser still not supporting HTML5.

Browser incompatibility with OS. Etc.

Check for dead links:

Most of the websites suffer from something called dead links where hyperlinks are left to decay resulting in many links that no longer go anywhere, or out of date and unsupported pages. It is very important that to check dead links in our application.We can check dead links manually but it is more time consuming, so we can automate this task. There are lots of automated tools which are available for checking the dead links.

Responsive Websites:

Nowadays most of the people accessing websites using their mobile phones. This means that our websites should not be restricted for desktop only. It should be visible perfectly to all devices. Hence always try to load your site/application using a mobile phone or other devices and see how it performs.

Check For SEO:

Getting hits on the website is not the only thing that is important for web applications, It’s also important that create a site that isSearch Engine Optimised (SEO). Search Engine Optimization is the process of improving the visibility of a website or a web page in search engines. For this, you need to do some research on what to do or what not to do with SEO.

That’s all for this blog. You can check the blog on security testing using this link- https://webkul.com/blog/glimpses-security-testing/

Create dynamic variables using loop in Less

I hope you have gone through my previous blogs related to Less. So based on that I came up with a new blog today, in which I will explain that how you can create dynamic variables in your Less file. So here is a less code to generate dynamic variables.

@suffix: 'px';

.mixin-loop(10,'temp'); // this will iterate from 10 to 1

.mixin-loop (@i,@j) when (@i > 0) { //on first call, @i = 10 and @j = 'temp'

    @tmp:~"@@{j}_@{i}@{suffix}"; // it will give @temp_10px
    @{tmp}: @i/16rem;            // now in variable @temp_10px: 0.625rem

    .mixin-loop(@i - 1,@j); //calling mixin again with decrement of 1 in @i
}

In above example, I called a mixin with two arguments, you can add more depending on your need. So when mixin is called there is a condition in it which checks the value of @i is greater than 0 or not. If the value is greater than 0 then it flows inside and create dynamic variable and then again calls itself till when the condition become false.

In the body of mixin, I have written a line of code which is generating dynamic variable, i.e, @tmp:~”@@{j}_@{i}@{suffix}”;

Lets understand this code for its first iteration when @i=10 and @j=’temp’ and @suffix=’px’. Put the respective values of variables, i.e.

@tmp:~”@temp_10px”;       //@tmp:~”@@{j}_@{i}@{suffix}”;

now @tmp variable contains the string “@temp_10px”

Lets consider second line, i.e. @{tmp}: @i/16rem;

in this code, replace the value of @tmp variable with its value, i.e. @temp_10px : 10/16rem;

finally, @temp_10px: 0.625rem;

and then I  again called mixin with decrement of 1 in first argument so that loop continues till the condition become false. Finally following CSS will be generated from the above LESS code.

@temp_10px: 0.625rem;
@temp_9px: 0.5625rem;
@temp_8px: 0.5rem;
@temp_7px: 0.4375rem;
@temp_6px: 0.375rem;
@temp_5px: 0.3125rem;
@temp_4px: 0.25rem;
@temp_3px: 0.1875rem;
@temp_2px: 0.125rem;
@temp_1px: 0.0625rem;

You can change/modify variables name depending on your need, this is only for those who do not want no calculate the font pixels in rem unit manually. So the formula is written in it and then it generates the equivalent unit in rem from px.

So that’s it in today’s article.  Try this and if you have any query then just comment below

According to PHP documentation, Traits are a mechanism for code reuse in single inheritance languages such as PHP. A Trait is intended to reduce some limitations of single inheritance by enabling a developer to reuse sets of methods freely in several independent classes living in different class hierarchies.

We must keep in mind that a Trait can not be instantiated. Neither it can extend a class nor a trait itself. The best part of Traits is that its members can be accessed without using inheritance.

The basic syntax of Traits:

<?php
trait traitName {
    public function method1() { // user defined methods
        // something
    }
    public function method2() { // user defined methods
        // something
    }
}
?>

We can easily use the trait by simply write the trait name after the ‘use’ keyword in a class. For example:

<?php
class Test {
  use traitName;
}
?>

We can use the Traits in the Opencart as well. A simple example to show how it works in the Opencart.

<?php
/**
 * Webkul Software.
 *
 * @category Webkul
 * @package JavaScript Concepts
 * @author Webkul
 * @copyright Copyright (c) 2010-2017 Webkul Software Private Limited (https://webkul.com)
 * @license https://store.webkul.com/license.html
 */
trait traitExample {
    public function common1() {
        echo 'Something common1';
    }
    public function common2() {
        echo 'Something common2';
    }
}
class ControllerTestTest extends Controller { // class declaration in the Opencart
    use traitExample; // using trait
    public function index() {
        $this->common1(); // calling the trait's method
    }
}
?>

Now, here’s the example of the application of the Trait in the Opencart. This is an example to convert the currency using the Google’s API.

So, in order to use the trait, we have created a file with the name trait.php and put this code to it.

<?php
/**
 * Webkul Software.
 *
 * @category Webkul
 * @package JavaScript Concepts
 * @author Webkul
 * @copyright Copyright (c) 2010-2017 Webkul Software Private Limited (https://webkul.com)
 * @license https://store.webkul.com/license.html
 */
trait traitCurrency {
    public function convertCurrency($from_currency, $to_currency, $amount) {
      if($from_currency == $to_currency) {
        return round($amount, 2);
      }
      $amount = urlencode($amount);
      $from_currency = urlencode($from_currency);
      $to_currency = urlencode($to_currency);

      $url = "http://www.google.com/finance/converter?a=$amount&from=$from_currency&to=$to_currency";

      $ch = curl_init();
      $timeout = 0;
      curl_setopt ($ch, CURLOPT_URL, $url);
      curl_setopt ($ch, CURLOPT_RETURNTRANSFER, 1);

      curl_setopt ($ch, CURLOPT_USERAGENT, "Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1)");
      curl_setopt ($ch, CURLOPT_CONNECTTIMEOUT, $timeout);
      $rawdata = curl_exec($ch);
      curl_close($ch);
      $data = explode('bld>', $rawdata);
      $data = explode($to_currency, $data[1]);

      return round($data[0], 2);
    }
}
?>

Now, we will use this Trait in our Opencart controller’s class. Here’s the code to that.

<?php
/**
 * Webkul Software.
 *
 * @category Webkul
 * @package JavaScript Concepts
 * @author Webkul
 * @copyright Copyright (c) 2010-2017 Webkul Software Private Limited (https://webkul.com)
 * @license https://store.webkul.com/license.html
 */
include 'catalog/controller/test/trait.php'; // first, including the file

class ControllerTestTest extends Controller {
    use traitCurrency;
    public function index() {
        $converted = $this->convertCurrency('USD', 'INR', 50); // 
        print_r($converted);
    }
}
?>

So, here we end up with a few examples of traits and also its application with the Opencart.

JavaScript has a feature called scope. The concept of the scope in not that easy to understand for many new developers but I will try my best to explain them in simple way. Understanding scope will make your code better and key to writing bulletproof code and being a better developer.

What Is Scope?

In JavaScript scope is the set of variables, functions and objects you have accessed to. Scope refers to the current context of your code. scope can be defined globally and locally.

Global Scope

Before writing code in JavaScript, you are in what we call Global Scope. If we declare a variable, It’s considered as Global Variable.

Variables inside the global scope can be accessed and altered in any other scope.

Local Scope

There is typically one global scope and each function defined has its own local scope. Any function defined with in another function has a local scope of the parent function.

If I create function and defined some variables, those variable will be the local variables of that function. Take an example –

Automatically Global

If we assign a value to a variable that has not been declared then that variable will be considered as Global Variable.

I hope you got a better understanding of JavaScript Scope and things around it. Thanks

Coding structure is important for the readability and maintenance of the program. While working on HTML we usually make some mistakes in the style and coding structure. We need to use the consistent style so that the code can easily understand by others. The code should be tidy and clean. In this blog, we will learn about the dos and don’ts of HTML of styling and coding.

Always declare the correct document type:

Document type should always declare at first before the <html> tag and always take care of lower and uppercase of the document type.

Use the elements name in lower case letters:

Lowercase letters are easier to write. Never mix lower case elements with upper case elements.

Close all HTML elements:

Close each and every HTML elements even empty HTML elements also.

There are some elements in which there are no closing tags.

Attributes name in lower case letters:

Attributes name should always be in lower case as it is easier to write and it looks clean and tidy.

Use quotes for the value of attributes:

There should be the use of quotation while defining the value of an attribute.

 Use the alt attribute with images:

As alt is used when the image is not getting loaded then whatever the text in alt attribute will show. So, alt attribute should always define with images.

No blank lines and indentation:

Indentation means a space left at the edge of a line of writing or the process of leaving a space. As much as space is left and blank lines are there in code when it is not needed then file size will increase and there will be problem SEO URL.

One should always keep above points in mind while working on HTML as it will be easier for you as well for others.

Thank You for your time.

Today we are going to learn about Namespace in PHP.  Let’s start with definition of namespace So “Namespace are basically a way of organising your PHP classes and preventing from any kind of code conflicts . See this example ,

<?php 
namespace Webkul;

//We have here a namespace with name Webkul and a class Name Opencart

class Opencart {

//Your all code will be here for this class

}

In this example we have  created a  class called Opencart inside of the Webkul namespace. If we did not create namespace for class and  we have another class with the  same name of ‘Opencart’ included in this file  we would get an error stating we cannot re-declare class. Namespace will allow us to create two class name with same name and we can include both in same file.So we can create another class with same name  like this-

<?php

namespace Demo;
//We have here a namespace with name Demo and a class Name Opencart 
class Opencart {
//Your all code will be here for this class
}

Here we have created same class Opencart in another namespace Demo .Now we can include both file in our application and easily we can differentiate and use  both class Opencart from both namespace. As i have given a example how we can use both class in same file

<?php

// include both of our Opencart classes 
require "Demo/Opencart.php";
require "Webkul/Opencart.php"; 

// create a new instance for Opencart in the Demo namespace
 $Opencart1 = new Demo\Opencart(); 
 // create a new instance for Opencart in the Webkul namespace 
 $Opencart2 = new Webkul\Opencart();

Both of these classes are different from each other and also  have different code , different functionality . But here we are using both and namespace allow us to  use same class name and differentiate them by there namespaces. Also we can make these code more readable by using PHP use function. For example, let’s say  we want to just use Opencart in place of  Demo\Opencart. Then by using PHP use function we can do like this

<?php

 require "Demo/Opencart.php";
 require "Webkul/Opencart.php"; 
// included both of our Opencart classes 

use Demo\Opencart as Opencart;
//this is to tell our code that i will use Opencart in place of Demo/Opencart

//Now use of Opencart for Demo namespace
 $Opencart1 = new Opencart();

We have used use PHP function to tell our code that i want use Opencart in place of writing Demo/Opencart. Now also we can use another namespace class for that  we have to do like this .

//This will change the Opencart class from demo to webkul namespace

use Webkul\Opencart as Opencart;
// Now if you will create a instance for opencart class
$Opencart2 = new Opencart(); 

//This is new intance of class Opencart from Webkul namespace

Now if you will use Opencart class then you are using it form Webkul namespace . and you can create instance which will belongs to Opencart class from Webkul namespace. Thats all from this blog.

This article describes the benefits of new add-on of Marketplace Module ie; Marketplace Mass PayPal Payment For Magento 2.

Mass Payouts is an online facility that allows businesses to make payments to multiple individuals instead of doing it for particular individuals. Similarly, this module Marketplace Mass PayPal Payment For Magento 2 allows the admin to easily make the seller’s payouts using the mass PayPal payment option. This enables the admin to make hundreds of payments in a short span of time. This Module saves on:

• Time – as admin can do a  mass PayPal Payment to 250 sellers in one attempt.
• Possible Errors – admin and seller can save their details.
• Allow business to provide better service to their customers.
• Payment convenience – short and hassle free payment process.
• Security –  require no financial details.

 That’s all for the Magento 2 Marketplace Mass PayPal Payment. Still, have any issues please mail us at support@webkul.com else you can generate a ticket at https://webkul.uvdesk.com/en/

Joomla Virtuemart Bulk Price Update:

Joomla Virtuemart Bulk Price Update is a very useful component, it provides a functionality by which store admin can update(increment/decrement) the price of the “N” number(s) of product in one go. The changes will be made to the base price of the product rather on the special price specified (if any) for any particular time period.

In this blog we will learn about jQuery Traversing.
jQuery traversing are used to find or select HTML elements. For example if you want to select data just after the selector, or select grand data of selector, or select children data of selector or if you want to select children element of selector then you can select by the use of traversing.
There are many types of traversing but basically there three types of traversing:-
1) Parent
2) Children
3) Siblings

Lets see example:

In this example we have made some colorful  div assigned as Great grand parent, Grand parent, Parent, children. In this example we will see how by selecting one div we will select other div. Check output after each example.

<html>
	<head>
		 <title>JQuery Traversing</title>
		 <script type = "text/javascript"
				src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
				<script type = "text/javascript" language = "javascript">
				   $(document).ready(function() {
				      $(".children").append('(Selected Selector)');
				      //here you have selected children as your selector. check the effect below
				   });
				</script>
		 <style>
				.traversing {
				 background: gray;
				 padding: 10px;
				 width:300px;
				 height:300px;
				}
				.grandparent_parents {
				 background: yellow;
				 padding: 10px;
				 width:250px;
				 height:250px;
				}
				.grandparent {
				 background: green;
				 padding: 10px;
				 width:200px;
				 height:200px;
				}
				.parent {
				 background: white;
				 padding: 10px;
				 width:150px;
				 height:150px;
				}
				.children {
				 background: brown;
				 padding: 10px;
				 width:100px;
				 height:100px;
				}
		 </style>
	</head>
	<body>
		 <div class="traversing">
				<div class="grandparent_parents">Great Grand Parent
					<div class="grandparent">Grand Parent
						<div class="parent">Parent
						 <div class="children">Children
						</div>
						</div>
					</div>
				</div>
		 </div>
	</body>
</html>

Above we have selected children as the selector therefore the text is coming inside the Children div.

Now change only script section from above written code for next example.

<script type = "text/javascript" language = "javascript">
  $(document).ready(function() {
     $(".children").parent().append('(Selected Selector)');
     //here your selector is $(".children").parent(). check the effect below
  });
</script>

Here we have selected parent of children and parent of children is white section therefore the text is coming inside the white section.

Now change only script section from above written code for next example.

<script type = "text/javascript" language = "javascript"> 
 $(document).ready(function() { 
  $(".children").parents().append('(Selected Selector)<br>'); 
  //here your selector is $(".children").parents(). check the effect below 
 }); 
</script>

Here we have selected selector as parents of children and parents of children are white,green,yellow,gray and even main div  therefore the text is coming inside the all the section.

Now change only script section from above written code for next example.

<script type = "text/javascript" language = "javascript">
 $(document).ready(function() {
  $(".children").parents('.grandparent_parents').append('(Selected Selector)');
  //here your selector is $(".children").parents('grandparant_parents'). check the effect below
 });
</script>

Here we have selected selector as  $(“.children”).parents(‘.grandparent_parents’) means children parents whose class is grandparent_parents therefore the text is coming inside yellow section because yellow section class is grandparent_parents.

Now change only script section from above written code for next example.

<script type = "text/javascript" language = "javascript">
   $(document).ready(function() {
      $(".children").parentsUntil('.grandparent_parents').append('(Selected Selector)');
      //here your selector is $(".children").parents() now check the effect untill you get the parent whose calss is grandparent_parents the effect will come
   });
</script>

Here we have selected selector as  $(“.children”).parentsUntil(‘.grandparent_parents’) means all the parent will be selected Until you get the Grand parent.

So here we ends with some example of jQuery traversing.

Display “Not Visible Individually” Product Into Mini Cart In Magento 2 – Here I am going to explain you how to display “not visible individually” products into mini cart in your custom module.To display “Not Visible Individually” products into mini cart you need to follow following steps-

Step-I

Set preference for “Magento\Checkout\CustomerData\Cart” in di.xml

<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:ObjectManager/etc/config.xsd">
     <preference for="Magento\Checkout\CustomerData\Cart" type="Webkul\TestModule\CustomerData\Cart" />
</config>

Step-II

Make a Cart.php file on location Webkul\TestModule\CustomerData then copy all the codes of Magento\Checkout\CustomerData\Cart.php to your custom module file Webkul\TestModule\CustomerData\Cart.php

Step-III
Edit in method getRecentItems()

    protected function getRecentItems()
    {
        $items = [];
        if (!$this->getSummaryCount()) {
            return $items;
        }

        foreach (array_reverse($this->getAllQuoteItems()) as $item) {
            /* @var $item \Magento\Quote\Model\Quote\Item */
            if (!$item->getProduct()->isVisibleInSiteVisibility()) {
                $product =  $item->getOptionByCode('product_type') !== null
                    ? $item->getOptionByCode('product_type')->getProduct()
                    : $item->getProduct();

                $products = $this->catalogUrl->getRewriteByProductStore([$product->getId() => $item->getStoreId()]);
                if (!isset($products[$product->getId()])) {
                    if ($product->getId() === 4){ // set your condition 
                        $items[] = $this->itemPoolInterface->getItemData($item); // "not visible individually" product having id 4 added into items array
                    }
                    continue;
                }
                $urlDataObject = new \Magento\Framework\DataObject($products[$product->getId()]);
                $item->getProduct()->setUrlDataObject($urlDataObject);
            }
            $items[] = $this->itemPoolInterface->getItemData($item);
        }
        return $items;
    }

In this way you can display “not visible individually” products into mini cart.

Xtremo is a premium theme for Magento 2 store. The theme is responsive, beautiful, and customizable. Xtremo theme is suitable for any type of store including the Marketplace. On the homepage, you can view a multi-image banner slider with URLs. Display carousel style products – featured, top-rated, tailored, discount & sale.

The Xtremo theme looks amazing on any type of devices – desktop, laptop, tablet, or mobile. Due to its responsive nature, the theme will adjust itself on any device resolution.

Note – If you have Magento 2 Multi-Vendor Marketplace module installed then, please follow Marketplace-patch Step 1: (b).

Thank you for viewing this blog. If you have any query or need more information, please visit webkul.uvdesk.com

Multi language translation is very simple, just need to follow below steps:

1.) Download and install Poedit. You can download Poedit from here.

2.) Open “.pot” file in Poedit. You can find this file under language folder of the plugin.

3.) Translate all the keywords in the desired language as below snapshot.

4.) Save the file in the “Language folder of the plugin” or “Language folder of WordPress”. Give a name to the file as per the predefined format. The format will be as “language code_country code”.

EX : For Italian, it will be “it_IT”.

You can find language code and country code in last of this user guide.

5.) Change the language in WordPress under “Settings > General > Site Language” as below snapshot.

That’s all for the WordPress WooCommerce Multi Language Translation,  still, have any issue feel free to add a ticket and let us know your views to make the plugin better at webkul.uvdesk.com

Here we are with Shopify Product Auction SMTP configuration where you can configure your own SMTP to send mails to the customers from your own mail engine.

Clicking on SMTP configuration, you will redirected to configure your own SMTP by entering all the relevant details.
On the below given screenshot you will have to enter the details of your own SMTP like host,SMTP type SMTP post and other relevant details.

Frontend : Click here for Frontend

Backend : Click here for backend

• Username : johndoe@webkul.com
• Password : demowebkul

For any kind of support/Consultancy then please raise a ticket at http://webkul.uvdesk.com/ or drop a mail at support@webkul.com

Thanks For reading this blog!!!

Prestashop Multi Product Manager : With the help of this module, admin can now assign categories, shipping methods, tax rule, custom fields and suppliers to multiple products with ease. Admin can also assign various groups to multiple customers. Multi-Product Manager makes it very convenient and time saving for the admin to assign all these features to the products and groups to customers as well in bulk.  With a lot of features, this module surely brings a new process of assigning products and customers in the back office with so much ease.

Disable payment method programmatically in Magento2.

Today I am going to explain that how you can disable any payment method programmatically at checkout page in magento 2 in this article. I have done it by using observer.

So lets get started with the process.

First you will need to create events.xml file under app/code/Company/Module/etc/. Then write “payment_method_is_active” event in it. This is the event which hits on checkout page for payment method availability.

<?xml version="1.0"?>
<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:Event/etc/events.xsd">
    <event name="payment_method_is_active">
        <observer name="custom_payment" instance="Company\Module\Observer\PaymentMethodAvailable" />
    </event>
</config>

Now create PaymentMethodAvailable.php under Company/Module/Observer/ and write following code in the file. I am disabling the check money order payment method, you can change payment method code according to your need.

<?php

namespace Company\Module\Observer;

use Magento\Framework\Event\ObserverInterface;


class PaymentMethodAvailable implements ObserverInterface
{
    /**
     * payment_method_is_active event handler.
     *
     * @param \Magento\Framework\Event\Observer $observer
     */
    public function execute(\Magento\Framework\Event\Observer $observer)
    {
        // you can replace "checkmo" with your required payment method code
        if($observer->getEvent()->getMethodInstance()->getCode()=="checkmo"){
            $checkResult = $observer->getEvent()->getResult();
            $checkResult->setData('is_available', false); //this is disabling the payment method at checkout page
        }
    }
}

Now the payment method Check Money Order is disabled from checkout page .

Hope this blog will help you to develop custom functionality in your module in a better way. Try this and if you have any query then just comment below

As PHP has already become the most used programming language on the web, so nowadays, a lot of frameworks are seen to be built in PHP programming language. There are a lot of customizable blogging and e-commerce frameworks that are built in PHP. So, there emerges a need to handle the exceptions that could be caused by the miscoded extensions for a framework. In order to handle those exceptions, we have to use something that can handle the exception and also be showing the proper cause. This is where reflection class come into use.

A ReflectionClass in PHP is something that contains the information about a class as mentioned in PHP documentation. Although, it has many applications we are going to focus on the exception handling.

The syntax of reflection class:

// $class_name is the name of a class
// $reflection contains the information about $class_name class
$reflection = new ReflectionClass($class_name);

We could have a doubt while calling a method of a class, for that we can use this function of reflection class:

// $method_name is the name of the method to be checked
$reflection->hasMethod($method_name)

We can also find out the number of arguments in a method by using the below function.

$reflection->getMethod($method_name)->getNumberOfRequiredParameters()

Although, I have listed a very few, there are much more applications of ReflectionClass. You can learn about other functions of the ReflectionClass in the PHP Documentation.