How To Add Custom Field At Billing Address Form In Magento 2 : In this post, i’ll explain how we can add custom fields in billing address form at checkout. so just follow these steps.

1 => As we know that billing and shipping forms are generated dynamically. so we need to create a plugin for the \Magento\Checkout\Block\Checkout\LayoutProcessor::process method.
so for create the plugin first we should make an entry in di.xml on this path.
app/code/CompanyName/Module/etc/frontend/di.xml

<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:ObjectManager/etc/config.xsd">
    <type name="Magento\Checkout\Block\Checkout\LayoutProcessor">
        <plugin name="add_custom_field_checkout_form" type="CompanyName\Module\Model\Plugin\Checkout\LayoutProcessor" sortOrder="100"/>
    </type>
</config>

2 => Create plugin class on this Directory.
app/code/CompanyName\Module\Model\Plugin\Checkout

namespace Webkul\CompanyName\Module\Plugin\Checkout;
class LayoutProcessor
{
    /**
     * @param \Magento\Checkout\Block\Checkout\LayoutProcessor $subject
     * @param array $jsLayout
     * @return array
     */
    public function afterProcess(
        \Magento\Checkout\Block\Checkout\LayoutProcessor $subject,
        array  $jsLayout
    ) {
        $configuration = $jsLayout['components']['checkout']['children']['steps']['children']['billing-step']['children']['payment']['children']['payments-list']['children'];
        foreach ($configuration as $paymentGroup => $groupConfig) {
            if (isset($groupConfig['component']) AND $groupConfig['component'] === 'Magento_Checkout/js/view/billing-address') {

                $jsLayout['components']['checkout']['children']['steps']['children']['billing-step']['children']
                ['payment']['children']['payments-list']['children'][$paymentGroup]['children']['form-fields']['children']['company_tax_id'] = [
                    'component' => 'Magento_Ui/js/form/element/abstract',
                    'config' => [
                        'customScope' => 'billingAddress.custom_attributes',
                        'template' => 'ui/form/field',
                        'elementTmpl' => 'ui/form/element/input',
                        'options' => [],
                        'id' => 'custom-field'
                    ],
                    'dataScope' => 'billingAddress.custom_attributes.custom_field',
                    'label' => 'Custom Field',
                    'provider' => 'checkoutProvider',
                    'visible' => true,
                    'validation' => [],
                    'sortOrder' => 250,
                    'id' => 'custom-field'
                ];
            }
        }


        return $jsLayout;
    }
}

Now custom field will be visible at billing form.

Hope so it will you help you.

Today we will learn a very interesting topic known as closure. PHP started support of closure with version 5.3.0. Before understanding closure term first we have to understand some terms. which are-
Lazy Loading: – Lazy loading terms that the loading of an object is delayed until it is really required.
Anonymous function: – An anonymous function is a function without name. It is assigned to a variable or provided as a parameter to another function.  Let us see an example for anonymous function-

<?php
 $webkul = function() {
	return "Hi you are in  anonymous function.";
 };
 //anonymous function have semicolon at last

echo $webkul();

?>
//output: Hi you are in  anonymous function.

In this example we have created a function which have a return string and assign to a variable $webkul , this variable is then called as a function . Note that anonymous function always  ends with a semicolon.

Now we can understand closure very well. A closure is an object representation of an anonymous function. We can see that the anonymous function in the above code actually returns an object of closure which is assigned to and called using the variable $webkul. You can say closure is an object oriented way to use anonymous functions. Closure can access data external to it. For example. It can access data of the class, inside class any function in which it is written or if it is not written in any class or function it can access the data directly specified. To use external data, it has to be specified in the use clause of the closure. Take a look at this example.

<?php
$user="Webkul demo";
$showMe=function() use($user){
echo "Welcome ".$user;
};
//Call $showMe variable as function to see o/p
$showMe();
?>
//output: Welcome Webkul demo

Here, we have a value “Webkul demo” in variable $user . It is accessed inside the anonymous function using use keyword. The closure object is stored in $showMe variable and then the function is called using this variable. Now If you want to change the value of external variable accessed inside the closure, you can do it by passing the value by reference so that the change occurs at the actual location of the value And actual value will be remain same. for example –

<?php
$department="Opencart";
$output=function() use(&$department){
$department="Magento";
echo "Welcome to ".$department;
};
echo "Before change  in closure function:<br>";
echo "Welcome to ".$department;
// OUTPUT -> Before change  in closure function: Welcome to Opencart
echo "After change  in closure function:<br>";
echo "Welcome to ";
$output();
//  OUTPUT ->  After change  in closure function:  Welcome to Magento
?>

Here we have  variable $department which have actual value “Opencart” .Now inside the closure we have used this variable by  call by reference and change value to “magento”.  Closures can also access all the private data of a class. Lets see an example for this-

<?php
class webkul
{
	private $id;
	private $emp;
	
	public function __construct($id,$emp)
	{
		$this->id=$id;
		$this->emp=$emp;
	}
	
	public function info(){
			return function(){
			return "ID = {$this->id} <br>Employee = {$this->emp}.";
		};
	}
	
}
$webkulEmp1 = new webkul(101,'opencartEmployee');
$webkulEmp1->info();
//output: 
// ID = 101 
// Employee = opencartEmployee.

Here we are accessing the private members $id and $emp in the closure, which are defined as private. But we use them with help of inside function closure. If  a closure defined inside a class and if you don’t want to allow it to use the data in the class, you can use static keyword. When we use static keyword with a closure , then  closure is not allowed to use the data in the class.

<?php
class staticClosure {
	private $id;
	
	public function __construct($id) {
		$this->id=$id;
	}
	public function company($name) {
		return static funciton() use($name) {
			echo "This is a ".$name." staticClosure.";
		}; 
	}
}

$staticClosure=new staticClosure();
$staticClosure->company("Webkul Soft");
?>

This will help save memory needed to store the object data when used in the closure. This is more useful when you use more than one closure in a class with static keyword. Thus we have learned closure in this blog. It is very useful to use closures in place of  functions when we require to perform a small task and in this task will  be used only once in the script.

CS-Cart Block.io Bitcoin Wallet:
Now allow your customers to pay via Bitcoins on your store and make their checkout experience quite fast and secure. CS-Cart Block.io Bitcoin Wallet add-on integrates block.io with CS-Cart. This allows store admin to enable bitcoin payment at his store. It also lets you have a greater control over the checkout experience so that you can test and implement the most effective experience for your store. It is one of the most reliable and secure payment solutions and monitors the transactions in real time.

Joomla Social Messaging:

Joomla Social Messaging is a wonderful plugin for Joomla users, it provides a functionality by which Joomla site admin can provide a social messaging feature for Twitter and Facebook users on his Joomla website. Any user with their login to these social platforms can message directly to Joomla site admin’s social account( Twitter and Facebook) using this extension.

In this blog, we will learn how to create a dynamic component on a button click in Lightning. Let’s get started!

<!--RemoveComponent.evt-->
<aura:event type="COMPONENT" description="Event template" >
<!-- 
    /**
     * Webkul Software.
     *
     * @category  Webkul
     * @author    Webkul
     * @copyright Copyright (c) 2010-2016 Webkul Software Private Limited (https://webkul.com)
     * @license   https://store.webkul.com/license.html
     */
     -->
    <aura:attribute name="comp" type="Aura.Component"/>
</aura:event>

<!--Modal.cmp-->
<aura:component >
    <!-- 
    /**
     * Webkul Software.
     *
     * @category  Webkul
     * @author    Webkul
     * @copyright Copyright (c) 2010-2016 Webkul Software Private Limited (https://webkul.com)
     * @license   https://store.webkul.com/license.html
     */
     -->
    <ltng:require styles="{!$Resource.SLDS +'/assets/styles/salesforce-lightning-design-system-ltng.css'}"/>
    
    <!--Initialize the component-->
    <aura:handler name="init" value="{!this}" action="{!c.applycss}"/>
    
    <!--Register Event-->
    <aura:registerEvent name="RemoveComponent" type="c:RemoveComponent"/>
	
    <div class="wk_static">
        
        <!--Create a modalbox using Salesforce Lightning Desing System-->
        <div role="dialog" tabindex="-1" aura:id="Modalbox" aria-labelledby="header43" class="slds-modal ">
            <div class="slds-modal__container">
                <div class="slds-modal__header">
                    <button class="slds-button slds-button--icon-inverse slds-modal__close" onclick="{!c.removeComponent}">
                        <span>
                            <c:SVG class="slds-button__icon slds-button__icon--large" xlinkHref="/resource/SLDS/assets/icons/action-sprite/svg/symbols.svg#close" />
                            <span class="slds-assistive-text">Close</span>
                        </span>                 
                    </button>
                    <h2 id="header43" class="slds-text-heading--medium">Modal Header</h2>
                </div>
                <div class="slds-modal__content slds-p-around--medium">
                    <div>
                        <p>Sit nulla est ex deserunt exercitation anim occaecat. Nostrud ullamco deserunt aute id consequat veniam incididunt duis in sint irure nisi. Mollit officia cillum Lorem ullamco minim nostrud elit officia tempor esse quis. Cillum sunt ad dolore
                        quis aute consequat ipsum magna exercitation reprehenderit magna. Tempor cupidatat consequat elit dolor adipisicing.</p>
                        <p>Dolor eiusmod sunt ex incididunt cillum quis nostrud velit duis sit officia. Lorem aliqua enim laboris do dolor eiusmod officia. Mollit incididunt nisi consectetur esse laborum eiusmod pariatur proident. Eiusmod et adipisicing culpa deserunt
                        nostrud ad veniam nulla aute est. Labore esse esse cupidatat amet velit id elit consequat minim ullamco mollit enim excepteur ea.</p>
                    </div>
                </div>
                <div class="slds-modal__footer">
                    <button class="slds-button slds-button--neutral" onclick="{!c.removeComponent}">Close</button>
                </div>
            </div>
        </div>
        <div class="slds-backdrop " aura:id="MB-Back"></div>
        
    </div>
</aura:component>

//ModalController.js
({   
       /**
	 * Webkul Software.
	 *
	 * @category  Webkul
	 * @author    Webkul
	 * @copyright Copyright (c) 2010-2016 Webkul Software Private Limited (https://webkul.com)
	 * @license   https://store.webkul.com/license.html
	**/ 
    applycss:function(cmp,event){
	//initialize        
        var cmpTarget = cmp.find('Modalbox');
       	var cmpBack = cmp.find('MB-Back');
        $A.util.addClass(cmpTarget, 'slds-fade-in-open');
        $A.util.addClass(cmpBack, 'slds-backdrop--open'); 
    },
    removeComponent:function(component, event, helper){
        //get event and set the parameter of Aura:component type, as defined in the event above.
        var compEvent = component.getEvent("RemoveComponent");
        compEvent.setParams({
        	"comp" : component
        });
	compEvent.fire();
    }
})

<!--ModalButton.cmp-->
<aura:component >
    <!-- 
    /**
     * Webkul Software.
     *
     * @category  Webkul
     * @author    Webkul
     * @copyright Copyright (c) 2010-2016 Webkul Software Private Limited (https://webkul.com)
     * @license   https://store.webkul.com/license.html
     */
     -->
    <ltng:require styles="{!$Resource.SLDS +'/assets/styles/salesforce-lightning-design-system-ltng.css'}"/>
    
    <!--handler for removing component-->
    <aura:handler name="RemoveComponent" action="{!c.removeComponent}" event="c:RemoveComponent"/>
	
    <div class="wk_static">
        <!--create component dynamically on button click-->
    	<button class="slds-button slds-button--neutral" onclick="{!c.getCompnent}">Open Modal</button>    
        
        <!--set component in the varible {!v.body}-->
        <div aura:id="cmpBody">
            {!v.body}
        </div>
    </div>
</aura:component>

//ModalButtonController.js
({
    /**
     * Webkul Software.
     *
     * @category  Webkul
     * @author    Webkul
     * @copyright Copyright (c) 2010-2016 Webkul Software Private Limited (https://webkul.com)
     * @license   https://store.webkul.com/license.html
    **/
	getCompnent: function(cmp,event) {
        //Create component dynamically
        $A.createComponent(
            "c:Modal",{},
            function(newcomponent){
                if (cmp.isValid()) {
                    var body = cmp.get("v.body");
                    body.push(newcomponent);
                    cmp.set("v.body", body);             
                }
            }            
        );
    },
    removeComponent:function(cmp,event){
        //get the parameter you defined in the event, and destroy the component
        var comp = event.getParam("comp");		
		comp.destroy();
    },
})

When we create any admin controller in prestashop there we can have three only defined row action “View“, “Edit” and “Delete“. These row action can easily be create if we write $this->addRowAction(‘view’), $this->addRowAction(‘edit’), $this->addRowAction(‘delete’) because for this prestashop has already code for us. But what If you need to add some row action then ???

Here we will learn how we can add custom row action which is not defined by the prestashop.

Step : 1) Add customer row action like – $this->addRowAction(‘information’); . Here i’m trying to list information action in drop down in action column.

Step : 2) Now use a function

public function displayInformationLink()
{

}

In this function, you can use anything. Anything means to return any tpl file or you can perform PHP as well. This function may contain argument as well.

Like

public function displayInformationLink($token = null, $id, $name = null)
{
  // $token will contain token variable
  // $id will hold id_identifier value
  // $name will hold display name
}

Let me explain how this function work when we create custom row action in admin controller.

Whatever the row action you want to create just define it in $this->addRowAction(‘Your Desire Action name’);

Now call the function “displayActionNameLink()” this function has a prefix is display and suffix is link. Middle name contain you action name as we have used information. So function become

public function displayInformationLink() { }

Checkout the screenshot below. Before creating custom row action

After adding the custom row action –

Example code –

public function renderList()
    {
        $this->addRowAction('view');
        $this->addRowAction('delete');
        $this->addRowAction('information');
    }
}

public function displayInformationLink()
{
    return $this->context->smarty->fetch(_PS_MODULE_DIR_.'yourmodulename/views/templates/hook/information.tpl');
}

If there are something not understandable by this post then do comment below. We will surely assist on that.

In this blog we will learn how to use Batch Apex. It is used to run large jobs (think thousands or millions of records!) that would exceed normal processing limits. Each time you invoke a batch class, the job is placed on the Apex job queue and is executed as a discrete transaction.

global class batchExample implements Database.Batchable<sObject> {}

 global (Database.QueryLocator | Iterable<sObject>) start(Database.BatchableContext bc) {
        // collect the batches of records or objects to be passed to execute
    }

    global void execute(Database.BatchableContext bc, List<P> records){
        // process each batch of records
    }    

    global void finish(Database.BatchableContext bc){
        // execute any post-processing operations
    }    

Update Account Name

Account Name before executing batch class:

Here is the Batch class to update the account name.

global class batchExample implements Database.Batchable<sObject> {
    /**
        * Webkul Software.
        *
        * @category  Webkul
        * @author    Webkul
        * @copyright Copyright (c) 2010-2016 Webkul Software Private Limited (https://webkul.com)
		* @license   https://store.webkul.com/license.html
	*/
    global Database.QueryLocator start(Database.BatchableContext BC) {
        // collect the batches of records or objects to be passed to execute
        
        String query = 'SELECT Id,Name FROM Account';
        return Database.getQueryLocator(query);
    }
    
    global void execute(Database.BatchableContext BC, List<Account> accList) {
       
        // process each batch of records

        
        for(Account acc : accList)
        {        
           	// Update the Account Name 
            acc.Name = acc.Name + 'Webkul';
        }
        try {
        	// Update the Account Record
            update accList;
        
        } catch(Exception e) {
            System.debug(e);
        }
        
    }   
    
    global void finish(Database.BatchableContext BC) {
    	// execute any post-processing operations
  }
}

batchExample be = new batchExample();
database.executeBatch(be);

batchExample be = new batchExample();
database.executeBatch(be,100);

Anyone who has used Salesforce must be knowing about Dashboard feature that is present in the CRM. This feature allows us to create charts for various sets of data like Sales per Account, or new Accounts by month. Any data for which a report could be generated, can be displayed as a chart.

Inspired from this feature, Salesforce developers around the globe started thinking about, if the dashboard can be displayed in a Visualforce page?

The Answer to this question sadly, is no. Although a Dashboard can be integrated in a Visualforce page, but for that we have to use an iFrame, and provide the id of that particular Dashboard to the iFrame url, for the Dashboard to be displayed on the Visualforce page. Which does not seem to be a very feasible option for the end user to work on.

However no one said that the similar chart cannot be created on the Visualforce page. That is right, Visualforce has predefined tag <apex:chart> which help us get a custom chart of the data we want to display.

Here in this blog, I am going to help you create a simple pie chart with the help of <apex:chart> to display the Draft/Activated orders ratio in a Visualforce page.

public class PieData {

    public String name { get; set; }
    public Decimal data { get; set; }

    public PieData(String namevalue, Decimal datavalue) {
        name = namevalue;
        data = datavalue;
    }
}

public List getOrderData() {
    List data = new List();
        
    decimal draft=0,activated=0;
    draft       = [select count() from order where status = 'Draft'];
    activated   = [select count() from order where status = 'Activated'];
    data.add(new PieData('Activated ',activated));
    data.add(new PieData('Draft ',draft));
    return data;
}

<apex:chart data="{!OrderData}" height="400" width="400">
    <apex:pieSeries dataField="data"></apex:pieSeries>
</apex:chart>

WordPress WooCommerce Event Manager facilitates the store owner to add events into the store. The admin can define the various type of tickets as well. He can add price and the quantity as well for the tickets. The user can synchronize the event to his Google Calendar also. A different page will be created where all the events will be listed.

That’s all for the WordPress WooCommerce Event Manager Plugin, 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

In the post, i will briefly tell about how to call methods while module installation using  XML <function /> tags in Odoo.

Sometime we required to perform some CURD operation automatically just after module installation , in this case  we can use the <function/> tags and call the method to perform these operations.

<?xml version="1.0" encoding="utf-8"?>
<odoo>
    <data noupdate="1">
    </data>
</odoo>

from odoo import api, fields, models
class product(models.Model):
	_inherit = "product.product"
	@api.model
	def oe_method_without_params(self):
		self.create(dict(name='demo.webkul.com'))

 <function
    id="function_id"
    model="model_name"
    name="method_name"/>

 <function
    id="function_without_params"
    model="product.product"
    name="oe_method_without_params"/>

<odoo>
    <data noupdate="1">
        <function
            id="function_without_params"
            model="product.product"
            name="oe_method_without_params"/>
    </data>
</odoo>

@api.model
def oe_method_with_params(self,name,sale_ok=True):
    self.create(dict(name=name,sale_ok=sale_ok))

from odoo import api, fields, models
class product(models.Model):
	_inherit = "product.product"
        
	@api.model
	def oe_method_without_params(self):
		self.create(dict(name='demo.webkul.com'))
       
	@api.model
	def oe_method_with_params(self,name,sale_ok=True):
		self.create(dict(name=name,sale_ok=sale_ok))

 <function
    id="function_id"
    model="model_name"
    name="method_name">
    <value>param1</value>
    <value>param2</value>
    ....
</function>

<function 
    id="function_with_params"
    model="product.product"
    name="oe_method_with_params">
        <value>erp.webkul.com</value>
      	<value>False</value>
</function>

<odoo>
    <data noupdate="1">
        <function
            id="function_without_params"
            model="product.product"
            name="oe_method_without_params"/>
        <function 
            id="function_with_params"
            model="product.product"
            name="oe_method_with_params">
                <value>erp.webkul.com</value>
      	        <value>False</value>
        </function>
    </data>
</odoo>

Odoo gives the developer several options  for working with data .

In this article, we will be looking at the XML data options in odoo.
We will study how to create , update and  delete the records using xml data.

<?xml version="1.0" encoding="utf-8"?>
<odoo>
    <data noupdate="1">
    </data>
</odoo>

<record model="model_name" id="record_id">
    <field name="field_name">field_data</field>
</record>

<record model="product.product" id="product_webkul">
    <field name="name">Webkul Product</field>
</record>

<odoo>
    <data noupdate="1">
        <record model="product.product" id="product_webkul">
            <field name="name">Webkul Product</field>
        </record>
    </data>
</odoo>

<record model="model_name" id="module_name.record_id">
    <field name="field_name">new_field_data</field>
</record>

<record model="product.product" id="product.service_order_01">
    <field name="name">Demo Product</field>
</record>

<delete model="model_name"   search="[('id','=',ref('module_name.record_id'))]"/>
<delete model="model_name" id="module_name.record_id"/>

<delete model="product.product" search="[('id','=', ref('product.service_order_01'))]"/>
<delete model="product.product" id="product.service_delivery"/>

<delete model="product.product" search="[('name','=','demo'),('sale_ok','=',False)]"/>

WordPress WooCommerce Reward System will engage store users for sales increment by assigning reward point to them. This plugin has a complete admin management so that admin can easily manage the reward points of buyers. It will enable a point-based loyalty program where frequent visitors earn points is a great way.

Reward System boosts the chance of turning the second sale from a first-time buyer. It will bump an existing customer into a higher paying bracket.

That’s all for the WordPress WooCommerce Reward System Plugin, 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

WordPress WooCommerce Marketplace Reward System allows the sellers to add reward points to their products using which customers can purchase the seller’s product. Here sellers can add reward points to each product.  Customers receive the reward points after the product purchase.

WordPress WooCommerce Marketplace Reward System is an add-on of WordPress WooCommerce Multi Vendor Marketplace Plugin. To use this plugin you must have installed first WordPress WooCommerce Multi Vendor Marketplace Plugin.

That’s all for the WordPress WooCommerce Marketplace Reward System Plugin, 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

Selenium doesn’t inherently comes with any feature which provide any object management where we can manage the object information for a page and keep this object information outside the test script. Yes, it’s true, we can write the entire script for a page without a page object model and this could run through. This may state less pain to maintain the script only if we have limited testcases(say 5-10). Considering if we have thousands of testcases, is it easy to maintain the test script? We can’t change the whole testscript once the AUT goes certain changes or some modifications (which generally happens down the road).

So if the object info of a page change (the probability of which is higher) as the AUT undergoes changes with different release cycle, the impact of that change on the automation suite level is very high since the object info in the script is hard coded.

Why POM?

POM has nowadays become popular test automation design pattern around the testing industry. POM facilitates as to concentrate on testing the AUT rather than fixing the automation suite (the changed objects) to perform the test. In POM the Object information is managed outside the test script, thus making easy to understand the test script.

Advantages of POM

1. It makes ease in maintaining the code (flow in the UI is separated from verification)
2. Makes code readable (Methods get more realistic names)
3. Makes the code reusable (object repository is independent of test cases)
4. The Code becomes less and optimised

Implementation of POM

Let us consider a simple test scenario where we have an app with a login page, an account page and, say, home page.

The scenario be like

• We go to the app url
• Validate the app page is correct (home page)
• We go to the login page and fill the form with a valid id and password
• We validate if the account page opens

Now here we are dealing we three pages the home page, the login and the account page. Accordingly we create 3 POM classes, be like :

• HomePage.java
• LoginPage.java
• MyAccountPage.java

Also we create a test class with the test script and names it as

• TestLogin.java

HomePage.java

package pageModel;

import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;

public class HomePage	{
	WebDriver driver;
	By homeHeading = By.xpath("//table//tr[3][@class='heading3']");
	By loginButton = By.id("login");
	public	HomePage(WebDriver driver)	{
		this.driver = driver;
	}
	//get the heading (the main heading which is present at the home page)
	public String getHomeHeading()	{
		String heading = driver.findElement(homeHeading).getText();
		return	heading;
	}
	public HomePage clickLoginButton()	{
		driver.findElement(loginButton).click();
		return	this;
	}
}

LoginPage.java

package pageModel;
import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
public class LoginPage	{
	WebDriver driver;
	By username = By.id("email");
	By password = By.name("email");
	By submitButton = By.cssSelector("input[type='submit']");
	public	LoginPage(WebDriver driver)	{
		this.driver = driver;
	}
	public LoginPage usernameAs(String email)	{
		driver.findElement(username).sendKeys(email);
		return	this;
	}
	public LoginPage passwordAs(String pass)	{
		driver.findElement(password).sendKeys(pass);
		return	this;
	}
	public void	submit(){
		driver.findElement(submitButton).click();
	}
}

MyAccountPage.java

package pageModel;
import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
public class MyAccountPage	{
	WebDriver driver;
	// Declaring the xpath for the heading in By class
	By pageHeading = By.xpath("//table//tr[3][@class='heading3']");
	
	public	MyAccountPage(WebDriver driver)	{
		this.driver = driver;
	}
	//get the heading (username for which the account belongs to)
	public String getHeading()	{
		String heading = driver.findElement(pageHeading).getText();
		return	heading;
	}
}

TestLogin.java

package test;
import org.junit.Assert;
import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.chrome.ChromeDriver;
import org.testng.annotations.AfterTest;
import org.testng.annotations.BeforeTest;
import org.testng.annotations.Test;

import pageModel.*;

public class TestLogin {
	WebDriver driver;	
	@BeforeTest
	public void setUp() throws Exception {
	// setting the driver executable for chrome browser
		String chrome_path = System.getProperty("user.dir")+"/chromedriver";
		driver = new ChromeDriver();				// created a new instance for chrome driver
		driver.manage().window().maximize(); 
	}
	
	@AfterTest
	public void tearDown() throws Exception {
	    driver.quit();
	}

	@Test(priority=1)
	public void test() throws InterruptedException{
		driver.get("http://192.168.1.164:8080/home.html");
//		validate if we are at the home page
		String homeHeading = new HomePage(driver).getHomeHeading() ;
		Assert.assertEquals(homeHeading, "This is HOMEPAGE", "not at the home page");
//		redirect to the login page
		new HomePage(driver).clickLoginButton();
//		fill the login form
		new LoginPage(driver)
		.usernameAs("foo@bar.com")
		.passwordAs("secret")
		.submit();
//		check if redirected to account page with user name foo@bar.com
		String accountHeading = new HomePage(driver).getHomeHeading() ;
		Assert.assertEquals(accountHeading, "Welcome foo@bar.com ", "not at the account page");
	}
}

Now, if the AUT undergoes any change at the login page or at any page we just need to change the page object. Thus we don’t need to change our  test script again and again (even for the new release or built). The project structure will look like :

WordPress WooCommerce Marketplace Seller Coupons allows the seller to generate coupons for their products. The seller can provide the discount to the customers with the help of a coupon code. The customer can use the coupon at the time of checkout and take the advantage of discount.

The coupon code will clearly identify who purchased items with a specific coupon code and can quickly identify the success or not of your promotion. It is proven that by adding coupons for discounts or free shipping will increase your conversion rate. If you are using special discounts in your traditional advertising, emails, direct mail, you will see a spike in traffic to these relevant pages.

WordPress WooCommerce Marketplace Seller Coupons is an add-on of WordPress WooCommerce Multi Vendor Marketplace Plugin. To use this plugin you must have installed first WordPress WooCommerce Multi Vendor Marketplace Plugin.

That’s all for the WordPress WooCommerce Marketplace Seller Coupons Plugin, 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

 What is Exception and Exception Handling?

Exception is an event which occur during execution of  program instruction and disrupts the normal flow of program instructions. Exception handling is a mechanism to handle exception so that normal flow of program should be maintained.

In this blog we will learn about Exception Handling In Lightning Component.  Follow the steps mentioned below.

<-- errorComponent -->
<aura:component>
<!-- 
    /**
     * Webkul Software.
     *
     * @category  Webkul
     * @author    Webkul
     * @copyright Copyright (c) 2010-2016 Webkul Software Private Limited (https://webkul.com)
     * @license   https://store.webkul.com/license.html
     */
 -->	
    <aura:attribute name="errorMsg" type="String"></aura:attribute>
    <aura:attribute name="title" type="String"></aura:attribute>
    <div class="wk_model_bg"></div>
    <section role="dialog"  aria-labelledby="header" aria-describedby="errMsg" class="slds-modal slds-fade-in-open">
        <div class="slds-modal__container " aura:id="ErrorBox" >
            <div class="slds-modal__header" aura:id ="errHeader">
                <lightning:buttonIcon aura:id="clsBtn" iconName="utility:close" alternativeText="Close" class="slds-button slds-button--neutral slds-p-horizontal--xx-small slds-m-right--x-small slds-float--right" onclick="{!c.myAction}">     
                </lightning:buttonIcon> 
                <h2 id="header" class="slds-text-heading--medium wk_text">{!v.title}</h2>
            </div>
            <div class="myAction slds-p-around--large" aura:id ="errMsg" style="background:#f4f6f9">
                {!v.errorMsg}
            </div>
        </div>
    </section>
    
</aura:component>

({
   /**
    * Webkul Software.
    *
    * @category  Webkul
    * @author    Webkul
    * @copyright Copyright (c) 2010-2016 Webkul Software Private Limited (https://webkul.com)
    * @license   https://store.webkul.com/license.html
    */
	myAction : function(component, event, helper) {
        component.destroy();
    }
})

<!-- deleteAccount -->
<!-- 
/**
* Webkul Software.
*
* @category  Webkul
* @author    Webkul
* @copyright Copyright (c) 2010-2016 Webkul Software Private Limited (https://webkul.com)
* @license   https://store.webkul.com/license.html
*/
-->

<aura:component controller = "accListJsClass">
      <div aura:id="errorDialogPlaceholder" >
    	{!v.body}
      </div>
        <div class="slds-col slds-size_1-of-8 allBtn">
            <lightning:button label="Delete Account"
                                     iconName="utility:delete"
                                     iconPosition="left"
                                     variant="destructive"
                                     onclick="{!c.deleteSlctd}">
            </lightning:button>
        </div>
</aura:component>

({
        /**
         * Webkul Software.
         *
         * @category  Webkul
         * @author    Webkul
         * @copyright Copyright (c) 2010-2016 Webkul Software Private Limited (https://webkul.com)
         * @license   https://store.webkul.com/license.html
         */
        deleteSlctd : function(component,event,helper) {
        var getCheckAllId = component.find("cboxRow");
        var selctedRec = [];
        for (var i = 0; i < getCheckAllId.length; i++) {
            
            if(getCheckAllId[i].get("v.value") == true )
            {
                selctedRec.push(getCheckAllId[i].get("v.text")); 
            }
        }
        helper.deleteSelected(component,selctedRec);
    }
})

({
   /**
    * Webkul Software.
    *
    * @category  Webkul
    * @author    Webkul
    * @copyright Copyright (c) 2010-2016 Webkul Software Private Limited (https://webkul.com)
    * @license   https://store.webkul.com/license.html
    */
    deleteSelected : function(component,selctedRec){
        var action = component.get("c.delSlctRec");
        action.setParams({
            "slctRec": selctedRec
        });
        action.setCallback(this, function(response){
            var state =  response.getState();
            if(state == "SUCCESS")
            {
                var errorMsg = "Successfully Deleted";
                var error = "Success";
                $A.createComponent(
                    "c:errorComponent",
                    {
                      "errorMsg": errorMsg,
                        "title" : error
                     },
                    function(errComponent){
                        if (component.isValid()) {
                            var targetComp = component.find("errorDialogPlaceholder");
                            var body = component.get("v.body");
                            body.push(errComponent);
                            component.set("v.body", body);             
                        }
                    }            
                );
            } else if (state=="ERROR") {
                var errorMsg = action.getError()[0].message;
                console.log(errorMsg);
                var error = "Error";
                $A.createComponent(
                    "c:errorComponent",
                    {
                      "errorMsg": errorMsg,
                        "title" : error
                     },
                    function(errComponent){
                        if (component.isValid()) {
                            var targetComp = component.find("errorDialogPlaceholder");
                            var body = component.get("v.body");
                            body.push(errComponent);
                            component.set("v.body", body);             
                        }
                    }            
                );
            }
        });
        $A.enqueueAction(action);
    }
})

public class accListJsClass{
    /**
    * Webkul Software.
    *
    * @category  Webkul
    * @author    Webkul
    * @copyright Copyright (c) 2010-2016 Webkul Software Private Limited (https://webkul.com)
    * @license   https://store.webkul.com/license.html
    */

    @AuraEnabled 
    public List<Account> delRec = new List<Account>();
    
    @AuraEnabled 
    public static List<Account> delSlctRec(List<String> slctRec)
    {
        accListJsClass alc = new accListJsClass();
        // Id is for demo purpose only 
        alc.delRec = [SELECT Id FROM Account WHERE Id = '0017F000006PUEaQAO' ]; 
        try{
           delete alc.delRec;
        } catch(Exception ex)
        {
            throw new AuraHandledException(ex.getMessage());
        }
       
    }
}

Output:

If you are a web developer then chances are that you must have used XML. In fact, even non developers have heard about it. It has been a general format for storing, sending and receiving data in the software Industry. Even with other format like JSON slowly taking it’s own place for getting the same job done, XML still works as the only method for many API response. We can simply generate and parse XML file to contain data.

Different platforms give us their own way of generating and parsing XML, and likewise APEX is no exception. Any Salesforce developer who is working with external API calls must have encountered the problem of parsing an XML file, at some point in their career.

Now if we look at an XML file it seems like all jumbled up data which is hardly readable by human eyes, let alone a machine. How can we code to parse an XML file? Well the data is not as much jumbled as you think and even parsing an XML file in APEX is not too complex of a task. Let’s see how can we parse XML with the predefined classes of APEX.

<?xml version="1.0" encoding="UTF-8"?>
<products>
	<product>
		<name>Xbox</name>
		<code>XBO</code>
	</product>
	<product>
		<name>Playstation</name>
		<code>PS</code>
	</product>
	<product>
		<name>Wii</name>
	</product>
</products>

public class XMLparse{
    /**
     * Webkul Software.
     *
     * @category  Webkul
     * @author    Webkul
     * @copyright Copyright (c) 2010-2017 Webkul Software Private Limited (https://webkul.com)
     * @license   https://store.webkul.com/license.html
     **/
    string XMLString;
    public list pro;
    product2 temppro;
    
    public XMLparse(){
        pro = new list();
        XMLString = '<?xml version="1.0" encoding="UTF-8"?><products><product><name>Xbox</name><code>XBO</code></product><product><name>Playstation</name><code>PS</code></product><product><name>Wii</name></product></products>';
        DOM.Document doc=new DOM.Document();
        try{
            doc.load(XMLString);
            DOM.XmlNode rootNode=doc.getRootElement();
            parseXML(rootNode);
            pro.add(temppro);
            insert pro;
        }catch(exception e){
            system.debug(e.getMessage());
        }
    }
    
    private void parseXML(DOM.XMLNode node) {
        if (node.getNodeType() == DOM.XMLNodeType.ELEMENT) {
        system.debug(node.getName());
            if(node.getName()=='product'){
                if(temppro!=null)
                    pro.add(temppro);
                temppro = new product2();
            }
            if(node.getName()=='name')
                temppro.name=node.getText().trim();
            if(node.getName()=='code')
                temppro.productcode=node.getText().trim();
        }
        for (Dom.XMLNode child: node.getChildElements()) {
            parseXML(child);
        }
    }
}

In this blog, we will learn Remote Action function in Visualforce Page. First of all, we should know, what is remote action function in salesforce. Let’s get started!

global with sharing class ContactJs {  
    /**
    * Webkul Software.
    *
    * @category  Webkul
    * @author    Webkul
    * @copyright Copyright (c) 2010-2016 Webkul Software Private Limited (https://webkul.com)
    * @license   https://store.webkul.com/license.html
    */
    public ContactJs() { } // empty constructor    

    @RemoteAction //the function to be called in remote action should use this annotation
    global static list<Contact> getcon() {
        //function should be static and global else it will throw error
        list<Contact> con1 = [SELECT id,name FROM contact limit 5];
        if(con1!=null && !con1.isEmpty()){        
            return con1;        
        }else{        
            return  new list<contact>();        
        }
    }
}

<apex:page controller="ContactJs">
    <!-- 
        /**
         * Webkul Software.
         *
         * @category  Webkul
         * @author    Webkul
         * @copyright Copyright (c) 2010-2016 Webkul Software Private Limited (https://webkul.com)
         * @license   https://store.webkul.com/license.html
         */
     -->
    <script type = "text/javascript">
    function getRemoteContact() {
        var a;
        Visualforce.remoting.Manager.invokeAction(
            //Invoking controller action getcon
            '{!$RemoteAction.ContactJs.getcon}',
            
            function(result, event){
               //We can access the records through the parameter result
               //event.status determines if there is error or not 
               if(event.status){
                    document.getElementById('remoteContactId').innerHTML = 'Contact Name: <br/><br/>';
                    for(a=0;a<result.length;a++){                        
                        document.getElementById('remoteContactId').innerHTML +=  result[a].Name +'<br/>';                    
                    }                                       
               }               
            },
            {escape: true}
        );
    }
    </script>

    <button onclick="getRemoteContact()">Get Contact</button>
    <div id="responseErrors"></div>
    <apex:pageBlock id="block">        
        <apex:pageBlockSection id="blockSection" columns="2">
                <span id="remoteContactId"></span>
        </apex:pageBlockSection>
    </apex:pageBlock>
</apex:page>

Add Product Tab For Specific Product Type In Your Custom Module Magento 2 – Here I’m going to explain you how you can add custom product tab for specific product type in your custom module.
STEP – 1

1. Create “catalog_product_simple.xml” File. // If you want to show that tab for “simple” product type.
2. Create “catalog_product_configurable.xml” File. // If you want to show that tab for “configurable” product type.
3. Create “catalog_product_grouped.xml” File. // If you want to show that tab for “grouped” product type.
4. Create “catalog_product_virtual.xml” File. // If you want to show that tab for “virtual” product type.
5. Create “catalog_product_bundle.xml” File. // If you want to show that tab for “bundle” product type.
6. Create “catalog_product_downloadable.xml” File. // If you want to show that tab for “downloadable” product type.
7. Create “catalog_product_new.xml and catalog_product_new.xml” File. // If you want to show that tab for all product type.

In File Location Vendor/CustomModule/view/adminhtml/layout.

STEP-2
Add below code.

<?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
    <body>
        <referenceBlock name="product_form">
            <block class="Vendor\CustomModule\Block\Adminhtml\Catalog\Product\Edit\Tab\CustomTab" name="custom.tab">
                <arguments>
                    <argument name="config" xsi:type="array">
                        <item name="label" xsi:type="string" translate="true">Custom Tab</item>
                        <item name="collapsible" xsi:type="boolean">true</item>
                        <item name="opened" xsi:type="boolean">true</item>
                        <item name="sortOrder" xsi:type="string">2</item>
                        <item name="canShow" xsi:type="boolean">true</item>
                        <item name="componentType" xsi:type="string">fieldset</item>
                    </argument>
                </arguments>
            </block>
        </referenceBlock>
    </body>
</page>

STEP-3
Now create file “CustomTab.php” in location Vendor\CustomModule\Block\Adminhtml\Catalog\Product\Edit\Tab

<?php
namespace Vendor\CustomModule\Block\Adminhtml\Catalog\Product\Edit\Tab;
 
class CustomTab extends \Magento\Framework\View\Element\Template
{
    /**
     * @var string
     */
    protected $_template = 'customtab.phtml';
 
}

STEP-4
In last create template file “customtab.phtml” in loction Vendor/CustomModule/view/adminhtml/templates

Custom tab content...................

In this way you can add tabs for specific type product and If you have any query then write comment below.