How to modify less file variable’s value dynamically in magento2

July 8, 2017, 7:37 am

≪ Previous: Add Product Tab For Specific Product Type In Your Custom Module Magento 2

In this article we will learn how to modify variables of “less” in magento2. I assume you know how to create less file in theme. I have placed my _extend.less file under app/design/frontend/Company/theme_name/web/css/source/ which has following code :

.....
@themeColor: #291a2d; //variable
@color-text: #cdaa6a; //variable
.btn-primary{
    background-color: @themeColor;
    color: @color-text;
}
.....

Now if you want to change above variables value dynamically. So, to do this, create a “around plugin” for method processContent() of Class Magento/Framework/Css/PreProcessor/Adapter/Less/Processor.php . Now in that plugin initialize your less variables array. For e.g. :

.....
$array = [];
$array['themeColor'] = '#ffffff';
$array['color-text'] ='#000000';
.....
$parser->parseFile($tmpFilePath, ''); //just after this line of code write below line of code
$parser->ModifyVars($array); // this code is modifying variables

.....

ModifyVars function will modify your less variable’s value.

Now your less variables value will be modified whenever you run static content deploy.

That’s all in this article, hope it will help you to modify less variables value dynamically. Try the above code and if you have any issue just comment below.

↧

Odoo Website Auction

July 10, 2017, 4:42 am

≫ Next: Write a template in Visualforce

≪ Previous: How to modify less file variable’s value dynamically in magento2

introduction

Auction: A process of buying and selling products by offering them up for bid, taking bids, and then selling the product to the highest bidder.

Odoo Website Auction: Odoo auction module allows admin to add auction on any product. Buyer can bid the product and highest bidder can have purchased the product on the bid amount. On website user can view auction detail prior the auction start, they can also see the time after which the auction is set to active for bidding.

Features

Admin can add auction on active products.
The admin can stop the bidding process on the product.
Admin can enable/disable the bidder name to be shown on the front end.
The admin can enable/disable the winner name to be shown on the front end.
Admin can set incremental bidding rule for auction.
Admin can set bid records limit to display on the website.
The customer can set automatic bidding for the product.
A customer can subscribe the bids notification.
The customer can view the bid details.
Buyer can use Buy Now option if it is enabled from the backend.
Admin can set the status of an auction as running, complete or stop.
Different types of bidding supported.
Admin can set the notification interval to get notified for extended bid duration.
Admin can customize the error message in case of any unexpected situation.

Installation

After buying this product you will get a zip file, which contains module. Unzip the file and now just copy `Auction` module folder into your Odoo addons. Now enable developers mode on your Odoo

Go to settings menu and Click on Activate the developer mode.
Now Go to Apps menu and Click on‘Update Modules List’
Remove the Apps filter

Now you will be able to see the module, just install it. After installing you will be able to handle different functionality as mentioned in module’s Workflow.

Workflow

Once done with the installation process.

Auction Module Configuration

click on sales Menu> under Auction> click on product auction menu to create a new auction.

Now, admin can configure auction as per the requirement. Admin can define different fields like choose product name, price configurations, auction time interval, buy now option, etc.

Define extended time period for a defined auction and also define what bid increment rule will be followed.

Notification menu> Admin can also configure the notifications for an auction and can also define time threshold for the particular notification.

From Website Publish menu> The admin can configure the auction information which needs to be displayed on the website and can enable/disable the message as per his preference.

Under Product menu> define the product information which you want to display.

Admin can view the list of auction running and their current bids.

Increment rules

Click on sales menu> Increment rules> to create and to define the bid increment rules.

Auction Bidders

Under Auction Bidders menu> Admin can view the list of all bidders and the details of the auction for which they have placed the bids.

Auction Subscribers

Admin can view the list subscriber and their auction for which they have subscribed.

Auction module Frontend workflow

On website user can view auction details prior the auction starts, they can also view the time after which the auction is activated for bidding. Once the auction is set to run, website user can start bidding for the product. There are two ways of bidding simple bid and auto bid.

The admin can extend the auction time for getting more and more bids.

Simple Bid

The user can use the simple/non-recurring bid for one-time bidding.

By clicking on Auction Details link, you can check respective auction details.

Auto Bid

The Auto Bid option saves customer time by setting his max reserve bids for future. The auto bids amount is non-disclosive to other bidders.

By clicking on Auction Details link, you can check respective auction details.

You will receive successful submission message on submission of the bid.

Click on Subscribe Watchlist link to subscribe for getting updates about auction state and bids. Admin can set the price of the product for Buy Now option at the backend.

Support

For any kind of technical assistance, just raise a ticket at https://webkul.uvdesk.com/ and for any doubt contact us at support@webkul.com

↧

Write a template in Visualforce

July 10, 2017, 8:53 am

≫ Next: Write a Basic trigger in apex

≪ Previous: Odoo Website Auction

We all know about templates in webpages. How we can add our content in those templates and use them according to our needs. This gives a general control over the content so that we can avoid errors in the webpages and make them more alike. Likewise even Visualforce gives us the power to write custom templates so that we can use them according to our needs. And I m going to tell you today how to write a template in visualforce.

Visualforce Page Code

For this example I’ll create a Visualforce page named templatepage, which will be the template for the page. Here is the code for template page:

<apex:page>
    <apex:insert name="head"/><br/>
    <apex:outputText>This is the default text that will appear in every page.</apex:outputText>
    <apex:insert name="body"/>
</apex:page>

In the above code we can see that this page is like any normal Visualforce page except that there is a code which is not doing anything in it’s own. That tag is <apex:insert>, which acts as the markup for the content to be added in the template.

Next we’ll create a page which will use this page as a template. Let’s name this myPage. The code will be as follows:

<apex:page controller="mycontroller">
    <apex:composition template="templatepage">
    	<apex:define name="head">
        	Account List
        </apex:define><br/>
        <apex:define name="body">
        	<apex:dataTable value="{!list}" var="l">
            	<apex:column value="{!l.name}" headerValue="Name"/>
                <apex:column value="{!l.industry}" headerValue="Industry"/>
            </apex:dataTable>
        </apex:define>
    </apex:composition>
</apex:page>

As we can see in this code that the template is used with the help of the <apex:composition> and the attribute template tells which page to use as the template. The <apex:define> tells where to insert the new code. It’s name attribute selects the markup, which we previously defined, to insert the code.

For this particular example I have also written an apex class which is feeding the datatable:

public class mycontroller {

    /**
     * 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
     **/

    public list<account> getlist(){
        list<account> acc = [select name, industry from account limit 1000];
        return acc;
    }
}

Output

Once you have completed creating the page you can see the output by previewing the mypage, it will be something like this.

SUPPORT

That’s all for how to write a template in visualforce, for any further queries feel free to add a ticket at:

https://webkul.uvdesk.com/en/customer/create-ticket/

Or let us know your views on how to make this code better, in comments section below.

↧

Write a Basic trigger in apex

July 10, 2017, 8:53 am

≫ Next: Joomla Virtuemart DHL Shipment

≪ Previous: Write a template in Visualforce

Trigger, to any mind trained in the art of writing SQL or PL-SQL this word will always ring a bell. As the name suggest it is something which will be fired when an event occurs. In simple words we can say that trigger is just a piece of code which works if anything happens which we have programmed the trigger for, like insert, delete, update, etc. Likewise we have an option to write trigger in APEX too. And that’s what we are going to see today. How to write a basic trigger in APEX on insert and update operation.

Types Of triggers in APEX

APEX provides two types of trigger based on the time of execution:

Before Trigger: These triggers run before the object is inserted, updated, deleted, etc. in the database. Simply, the trigger runs before the record is provided an id.
After Trigger: These trigger run right after the object is inserted, updated, deleted, etc. in the database, and before the commit is called.

Triggers can also be categorized on the basis of the event for which they occur like insert trigger happens before of after the insert operation, or update trigger occur right after or before update. Upsert operation calls both insert and update triggers. For merge operations the winning record will call before update trigger and the other record will call before and after delete trigger.

APEX Trigger example

Now that we have enough information about triggers, let’s move on to writing a trigger. For this example we will write a trigger to add a ‘code-‘ at the beginning of every newly created product2 record’s product code, if it’s not empty.

To write the trigger on product2 object go to Setup | Customize | Products | Triggers: then click on new button

trigger changecode on Product2 (before insert) {

    /**
     * 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
     **/

    list<product2> productlist = trigger.new;
    for(product2 pro:productlist){
        if(pro.productcode != null && pro.productcode != '')
            pro.productcode = 'code-'+pro.productcode;
    }
}

In this code the first line defines the trigger, like the prototype of a function. ‘trigger‘ keyword tells that this is a trigger, changecode is the name of the trigger, and we are writing this trigger on product2. The before insert tells that this trigger will run before insert of a record. We can add more events by separating them with comma.

The trigger.new provides the records that are about to be inserted, or updated. Likewise trigger.old returns the value of records before update or delete. Rest is simple code to update the values of the new records. You’ll see on thing in this code, that an update command or insert command is missing. This is because the trigger is already a part of the DML process and hence we do not need to call another DML command, or else there are chances of having and trigger recursion. So it is always a good habit to avoid DML for the same object in a trigger.

Next up is after trigger, for which we will write a trigger to add a standard price to every new or updated product which does not already have a standard price.

trigger addprice on Product2 (after insert, after update) {

    /**
     * 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
     **/

    list<product2> prolist = trigger.new;
    pricebook2 pb= [select id from pricebook2 where isstandard = true];
    list<pricebookentry> pbe= new list();
    for(product2 pro: prolist){
        try{
            pricebookentry pbe = [select id from pricebookentry where product2id=:pro.id and pricebook2id=:pb.id];
        }catch(exception e){
            pbe.add(new pricebookentry(product2id=pro.id,pricebook2id=pb.id,unitprice=100));
        }
    }
    insert pbe;
}

The only difference in the way of writing this trigger is the after insert in the place of before insert.

Output

Once you have created the triggers, you can see the changes by creating a new product normally. Go to the product tab, click on new and add details.

As you can see that the product code was updated and a standard price was added too by the triggers that we created

SUPPORT

That’s all for how to write a basic trigger, for any further queries feel free to add a ticket at:

https://webkul.uvdesk.com/en/customer/create-ticket/

Or let us know your views on how to make this code better, in comments section below.

↧

Joomla Virtuemart DHL Shipment

July 10, 2017, 8:55 am

≫ Next: Action Function In VisualForce Page.

≪ Previous: Write a Basic trigger in apex

Joomla Virtuemart DHL Shipment:

DHL Shipping for Joomla Virtuemart provides DHL Shipping service for shipping the products in worldwide.It calculates the shipping rates on the basis of the configuration set by the admin. This shipping method is most trusted shipping method in terms of cost, product delivery and now it is available with the Webkul Joomla Virtuemart add-on.Please Note: DHL shipping services are area specific.

FEATURES-

It provides an option for admin to choose DHL Service from the offered services drop-down.
It provides an option for admin to set additional shipping cost.
Provide an option to set minimum and maximum order amount for which this shipment will appear for a buyer.
The cost will be added as per the User’s postal code in the cart page.
Shipment Label can be created by the Admin from the back-end Order Details view.
DHL Shipment Tracking Number is provided to the customer in the Order shipment mail as well as in Order details page.

FLOW OF INSTALLATION AND CONFIGURATION

Step1.
Browse the ‘Joomla Virtuemart DHL Shipment’ zip file and then upload and install.

Step2.
Now, click on ‘Virtuemart’ and move to ‘Shipment’ in the drop-down and click on it.

Step3.
Click on “New” to create new “Shipment Method”.

Step4.
This is Shipment Method information

Step5.
This is Shipment Method Configuration.

FRONT-END VIEW & ADMIN END’S SETTING

Ste8.
This is the front-end view, here you can see after successful installation and configuration, when buyer purchase a product from the Virtuemart store then DHL shipment service is appear at front-end.
Please Note: Buyer can only select the type of shipment from front-end in that case only admin will come to know about the buyer’s shipment preference, DHL will not receive any shipment order at this stage.

Ste9.
Now, this is the Back-end View here you can see how admin has to manage the order status so that shipment can be done. For that admin has to click on Orders.

Ste10.
In this stage, Admin has to change the order status and set as per Shipment Creation

Ste11.
Click on order and then click to download the DHL label this is only applicable if admin has to take care of packaging part, else no need to do.

Ste12.
In the last stage, admin has to take the print of the DHL label and paste it on respective courier for shipment

Ste13.
Buyer will receive the mail regarding shipment tracking Number, also buyer can check at orders detail page can check the Tracking Number.

WEBKUL SUPPORT

That’s all for the Joomla Virtuemart DHL Shipment still, have any issue feel free to add a ticket and let us know your views to make the Plugin better http://webkul.uvdesk.com

↧

Action Function In VisualForce Page.

July 10, 2017, 9:36 am

≫ Next: Odoo Invoice Tax Stamp

≪ Previous: Joomla Virtuemart DHL Shipment

In this blog we will learn about <apex:actionFunction> tag. This tag is used to invoke Apex action by using JavaScript asynchronously via AJAX requests.

JavaScript is Dynamic scripting language which perform action on client side. By use of this language we can reduce traffic on web server. <apex:actionFunction> and <apex:actionSupport> are two components which we use in visualforce page to execute different JavaScript task.

Attributes:

Attribute Name	Type	Description	Required
action	ApexPages.Action	The action method invoked when the actionFunction is called by a DOM event elsewhere in the page markup.If an action is not specified, the page simply refreshes. Example action = “{!delete}”	No
focus	String	The ID of the component that is in focus after the AJAX request completes.

id	String	Identifier	No
immediate	Boolean	A Boolean value that specifies whether the action associated with this component should happen immediately, without processing any validation rules associated with the fields on the page. Default is set to false.
name	String	The name of the JavaScript function that, when invoked elsewhere in the page markup	Yes
namespace	String	The namespace to use for the generated JavaScript function.For example, “webkul” and “wk_vfPage” are supported as namespaces.
onbeforedomupdate	String	The JavaScript invoked when the onbeforedomupdate event occurs–that is, when the AJAX request has been processed, but before the browser’s DOM is updated.	No
oncomplete	String	The JavaScript invoked when the result of an AJAX update request completes on the client.	No
rendered	Boolean	It specifies whether the component is rendered on the page. Default is true.
reRender	Object	Id of component to be refresh	No
status	String	Id of component to show the Status of an AJAX update request.	No
timeout	Integer	The amount of time (in milliseconds) before an AJAX update request should time out.	No

Example

Here is an example how to use action function in visualforce page. In this example we will create account by using action function then update it asynchronously.

1). You have to create a VisualForce page by using following code.

<apex:page controller="exampleJs" tabstyle="Account">
<!-- 
    /**
     * 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
     */
 -->	   
 <style>
        .progressBar
        {
        width: 0;
        height : 13px;
        border : grey;
        background : green;
        }
        .loading{
        Display: none;
        position:Absolute;
        top:-2px;
        left:-2px;
        width:100%;
        height:100%;
        background:black;
        opacity: .5;
        border:0;
        }
        
        .loadingMessage
        {
        Display: none;
        position:fixed;
        width:100px;
        height:30px;
        padding:10px 5px;
        top:50%;
        Left:50%;
        margin-top:-25px;
        margin-left:-60px;
        background:#ffffff;
        border:3px solid #ffba1a;
        Color:#222222;
        font-size:12px;
        font-weight:bold;
        }
    </style>
    <script>
    var i = 0;
    var j = 0;
    function load()
    {
        document.getElementById("wholeLoad").style.display="Block";
        document.getElementById("lodMsg").style.display="Block";
        return false; 
    }
    function color()
    {
        
        if(i<10)
        {
            j += 10;
            document.getElementById("progressBar").style.width = j+'%' ; 
            i++;
        }
            
    }
    </script>
    <apex:form >
        <apex:actionFunction action="{!createAccount}" name="createRecordJS"  status="createStatus" oncomplete="updateAccount();" />
        <apex:actionFunction action="{!updateAccount}" name="updateAccount" status="wsStatus"  oncomplete="color(),createRecordJS();"/>
        <apex:outputPanel id="statuses">
            <div class="loading" id="wholeLoad"/>
            <div class="loadingMessage" id="lodMsg">
                <div class="progressBar" id = "progressBar">
                    
                </div>
                Processing....
            </div>
            
        </apex:outputPanel>
        <apex:outputPanel id="msgs">
            <apex:pageMessages />
        </apex:outputPanel>
        <div><input name="CreateAndCall" class="btn" type="button" value="Create And Update !!!" onclick="load(),createRecordJS();return false;"/></div>
    </apex:form>
</apex:page>

2). Create apex class say exampleJs and write following code.

public with sharing class exampleJs {
  /**
    * 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
    */
  
    Account myAccount;
    integer i =0;
    //Creates an account record.
    public PageReference createAccount() {
        //Create an account using DML operation.
        if(i<10){
            myAccount = new Account(name = 'Webkul Software Pvt. Ltd.');
            insert myAccount;
            i++;
            return null;
        }  else {
            pageReference pg =page.remoteAction;
            pg.setRedirect(true);
            return pg;
        }
       
    }
    
    public PageReference updateAccount() {
       // Update the same account record  
        myAccount.Name = 'Webkul After Update';
        update myAccount; 
        return null;
    }
    
}

Output

Support

That’s all for Action Funtion , still if you have any further query or seek assistance to make your salesforce classic apps compatible with lightning experience, feel free to add a ticket, we will be happy to help you https://webkul.uvdesk.com/en/customer/create-ticket/.

↧

Odoo Invoice Tax Stamp

July 10, 2017, 11:17 pm

≫ Next: WordPress WooCommerce Product RMA

≪ Previous: Action Function In VisualForce Page.

introduction

A Tax Stamp is mandatory on any document in order to maintain the legal validity of the document. Our module Odoo Invoice Tax Stamp allows the user to simply apply a tax stamp on the invoice without any fuss.

It facilitates its users to configure tax stamp on customer’s invoices. A seller can define a fixed amount of tax stamp on customer’s invoices and based on that the amount will be displayed on customer’s invoice.

A Tax Stamp can be applied manually as well as automatically.

features

It adds an extra tax stamp on customer’s invoices.
Tax stamps can be added automatically or manually.
A seller can define a fixed amount for the tax stamp.
The amount of tax stamp along with the Product’s amount will be displayed on the invoice.

Working

Go to- Accounting > under Configuration > Settings > Tax Stamp–

Enter the “Fixed Amount” value and enable the “Automatically add on customer invoice creation” checkbox if you wish the Tax Stamp to be automatically added whenever the invoice is created.

In case if this field is disabled then you need to manually add the Tax Stamp.

VIEW OF CUSTOMER INVOICE-

On clicking “Add Tax Stamp”, you need to enter the amount of Tax Stamp manually on Customer Invoice.

Similarly, you can add Tax Stamp as a Product also.

Let’s say- Invoice is created for two Products and a Product name- ipadMini is configured as “Tax Stamp Product”.Then on customer invoice “Tax Stamp” is added as a Product name ipadMini whose value is 22 along with the Products on which the tax is applied.

support

In a case of any further query feel free to raise a ticket at http://webkul.uvdesk.com/ or drop a mail at support@webkul.com.

Thanks for reading this blog!!

↧

WordPress WooCommerce Product RMA

July 11, 2017, 4:03 am

≫ Next: Odoo Website Collection Page

≪ Previous: Odoo Invoice Tax Stamp

WordPress WooCommere Product RMA (Return Merchandise Authorization) allows you to organize a system for customers to request a return without any efforts. With the help of this module, the customer can return the products, have them replaced or refunded within the admin specified time limit.

Wanna know more how Return Merchandise Authorization works? Check out case study –

RMA Case Study

Features of Product RMA

Using Product RMA the customer can return a product.
Admin can manage RMA status as well as Reasons.
Buyer and Admin can communicate at Store end.
Dynamic order selection with various option.
RMA History with Filters and Pagination
Admin can manage Return Policy Page.
The customer can upload RMA images.
Email notification of RMA for the admin and the customer as well.
Print RMA details and shipping label easily.
Admin can set Order status for RMA.

Installation of Product RMA

The user will get a zip file which he has to upload in the “Add New” menu option in the WordPress admin panel. For this login to WordPress Admin Panel and Under the Dashboard hover your mouse over the “Plugins” menu option which brings out a Sub-Menu and then select the “Add New” option.

After this, you will see an option on the top of your page that is “Upload Plugin”, click the option to upload the zip file.

After clicking on the “Upload Plugin” option, below that you will see a button “Choose File” click on the button to browse for the zip file as per the snapshot below.

After browsing the file, click the “Install Now” button to install the plugin as per the snapshot.

Now when the plugin is installed correctly, you will see the success message and an option to activate the plugin. Click on “Activate Plugin” to activate the installed plugin.

Configuration of Product RMA

After successful installation, the admin can configure WooCommerce Product RMA under “WooCommerce RMA > RMA Settings”.

RMA Status – Choose status of RMA as “Enabled” if you want to enable the plugin, else “Disabled”.

RMA Time – Time limit for the customers. The customer can create an RMA within the entered time.

Order Status of RMA – Choose order status for which you want to accept RMA.

Return Address – Enter the return address where you receive the returns.

RMA Policy – RMA policy for the customers.

The admin can add Shipping Labels under “WooCommerce RMA > Add Shipping label”. Here admin uploads the shipping labels to use while processing RMA.

The admin can create RMA reasons under “WooCommerce RMA > Manage Reasons”. All the created reasons will be listed here.

The admin can add a new reason under “WooCommerce RMA > Manage Reasons > Add Reason”.

Admin Management of Product RMA

The admin/store owner can manage RMA under “WooCommerce RMA > Manage RMA”. The list of all the requested RMA will be available here.

By clicking “View” the admin can manage an RMA. All the RMA information will be visible under “RMA Details”.

Under “Conversation” the admin can check the conversation with the customer as well.

The admin can manage the status of the RMA under “Manage”.

In case the customer wants to exchange the product then the admin can add shipping label as well.

Front End Workflow of Product RMA

The customer can request an RMA from the account panel under “RMA > Add”. He needs to fill all the details to request an RMA.

A list of all the created RMA can be viewed under “RMA”.

By Clicking “View” the customer can view the details of the RMA and can send the message to the admin as well.

In case the customer wants to exchange the product then, he can download the shipping label as well. The shipping label will be uploaded by the admin.

That’s all for the WordPress WooCommerce Product RMA 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

↧

Odoo Website Collection Page

July 11, 2017, 5:42 am

≫ Next: Magento2 Salesforce Connector

≪ Previous: WordPress WooCommerce Product RMA

Introduction

Odoo Website Collection Page: This module helps in grouping certain set of products irrespective of product’s category on a single page which makes search convenient for a customer. It allows you to create occasional collection page for more sales with specific products and displays it on website collection page. It also helps to publish collection page and displays it on the website as per requirement.

Features

Creates occasional collection page for more sales.
SEO Management for each collection page.
Creates collection pages with specific products and display it on website collection page.
Categorizes products temporarily.
Publish collection page and display it on the website as per requirement.
Usage of collection page URL as a hyperlink on the website page.
Positive Impact on sales figures through the use of various collection pages.

Installation

After buying this product you will get a zip file, which contains module. Unzip the file and now just copy `website_collectional_page` module folder into your Odoo addons. Now enable developers mode on your Odoo

Go to settings menu and Click on Activate the developer mode.
Now Go to Apps menu and Click on‘Update Modules List’
Remove the Apps filter

Now you will be able to see the module, just install it. After installing you will be able to handle different functionality as mentioned in module’s Workflow.

Workflow

Once the Website Collection Page module is installed, assign the access right to the user by visiting Settings menu> users menu> enable the option “Manage Collection Page”.

Steps to Manage Collection Page

Under sales menu> click on Collections menu> define the collection page title and banner of the collection page.

Now, define the description of the collection page. On the basis of selected parameters, the products can be added to the collection page. Parameters could be either manually selected products or automatically selected products based on conditions.

Manually selected products option provides facility to add products manually by using Add button. When you click on Add button a pop-up window will appear from where you can select products which you want to add to collection page. Now, define the SEO of the collection page define Meta Title and Meta description. Also, you can customize the URL of the collection page.

Automatically selected products based on conditions helps to add products automatically to the collection page based on selected conditions. To add products to collection page use either All Condition(Products will be added on basis of the selected condition) or Any Condition (Products will be added if it satisfies any one of the conditions).

To publish the collection page, click on “Publish On Website” button.

Collection Page Website View

This is collection page view on website corresponding to the generated collection page URL.

Support

For any kind of technical assistance, just raise a ticket at https://webkul.uvdesk.com/ and for any doubt contact us at support@webkul.com

↧

Magento2 Salesforce Connector

July 11, 2017, 9:00 am

≫ Next: Shopify Salesforce Connector

≪ Previous: Odoo Website Collection Page

Magento2 Salesforce Connector : This module is best known for integrating an e-Commerce platform to Salesforce CRM platform. This connector provides Real time synchronization for Magento store to Salesforce end. With the help of this module, admin can easily sync Categories, Products, Customers, Orders and Contact us(Leads) to Salesforce Org which will help them to track their sales and improve customer services effectively.

Note : Application required to install in Salesforce Org from appexchnage : eShopSync For Magento

Features

Acts as bridge between Magento and Salesforce.
It gives the concept of “Service-First” approach .
Guest User Concept to store Guest checkouts details.
Can process bulk amount of data from Magento to Salesforce.
Lightning Features supported and provides you an interactive design with brilliant user interface.
Sync all product types as Simple, Grouped, Configurable, Bundle, Virtual, Downloadable.
Real Time synchronization for Contact us as Leads, Customers, Categories, Products and Orders.
Sync Magneto Orders to Salesforce Orders with Shipment and Tax details.
Sync Magento Categories and Products to Salesforce as Custom Categories and Products respectively.
Sync Magento Contact us as Leads and Customers as Accounts and Contacts to Salesforce.
Admin can select default folder to store images of Categories and Products at Salesforce end.
Admin can select default price book for product pricing based on selected Price book.

Minimum Requirements

Magento 2.x
PHP version 5.4.x and above
PHP SOAP client must be installed on Server
API enabled Salesforce Org required to generate Enterprise WSDL file.

Pre-Configuration settings

Once you install eShopSync For Magento from appexchange. Go through the links mentioned below to update the required settings.

Update Field Accessibility : Salesforce Field Accessibility

Generate WSDL file : How to generate WSDL file from Salesforce

If you want to avail Salesforce Lightning expereince, you need to register your domain first.

Domain Registartion :How to Register Domain in Salesforce

Connector Installation & Setup

Extract the downloaded connector zip file into your system location. It will consists SRC folder & APP as Sub-folder.
Connect Magento Back end through FTP details. Open root folder location where Magento setup is installed.
Browse to system location where you have extracted connector folder is located as shown below. Go to SRC | APP | Select App folder then Upload to Magento Root Folder as shown below.

Open Terminal/Command Console then run the following commands on Magento2 root directory to reflect changes:
- To update : php bin/magento setup:upgrade

In the same way, run rest commands mentioned below:
- To compile : php bin/magento setup:di:compile
- To deploy : php bin/magento setup:static-content:deploy
- To clear cache : php bin/magento cache:clean

This completes the installation of Salesforce Mangento connector. Now, you need configure required changes at Salesforce end then establish connection between these platforms.

Login to the concerned Salesforce Org to update required changes and make sure that your have installed eShopSync For Magento.
Go to Setup |Quick Find search for Installed package, then Click on eShopsync for Magento
- View Components | Search ‘Custom Field’ | Click on Field name | View Field accessibility
- Click Hidden next to System Admin profile | Check mark boxes shown in the screen shot and save it.

Generate updated WSDL file required to upload at Magento end under connector settings : How to generate WSDL file from Salesforce
Login to Magento Admin panel, go to Stores | Configuration | Salesforce Connector to establish connection with proper settings.

Fill all the details as described in the screen shot below:

Now, proceed to test the synchronization process as we are done with connector installation & configuration.

Synchronization Process

Sync Categories : Go to Salesforce Connector | Categories
- Click on Export All Categories to export all existing categories to Salesforce end.

Sync Products : Click Salesforce Connector | Products
- Click on Export All Products to export all existing Products at Salesforce end.

Sync Customers : Click Salesforce Connector | Accounts
- Click on Synchronize All Customers and Address to export all existing customers at Salesforce end.

Sync Orders : Click Salesforce Connector | Orders
- Click on Synchronize Orders to export all existing Orders at Salesforce end.

Sync Contact Us (Leads) : Click Salesforce Connector | Sync Contact Us (Leads) .
- All Contact Us responses will get list down in this section, if you have enabled Real Time Sync option.

Magento-Salesforce Classic View

Synced Customers

Synced Categories

Synced Products

Synced Orders

Synced Contact Us( Leads)

Synced Documents

Magento-Salesforce Lightning View

Make sure you have registered your Domain, further verify required settings as mentioned below:

Synced Customers

Synced Categories

Synced Products

Synced Orders

Synced Contact Us( Leads)

Synced Documents

Support

To view all our applications in Appexchange, go to Webkul Appexchange Apps.
For any further query, Click To Create Ticket

↧

Shopify Salesforce Connector

July 12, 2017, 4:58 am

≫ Next: Magento 2 Multi-Vendor User Account Marketplace

≪ Previous: Magento2 Salesforce Connector

Shopify Salesforce Connector : Shopify and Salesforce Integration is taking e-Commerce & CRM platform to new heights. Now, dealing with e-Commerce unlimited data is much easier than never before. Shopify Salesforce Connector is acting as a bridge between Shopify and Salesforce. It is enhancing features of e-commerce and CRM platform with the concept of service first approach. With the help of this application, admin can easily synchronize Customers, Collections, Products and orders to Salesforce CRM which will help them to track sales and growth trends.

Note : Application required to install in Salesforce Org from appexchnage : eShopSync For Shopify

Features

Provides unified Salesforce platform to manage both e-Commerce and CRM data.
Multi-store oriented integration to enhance management of e-Commerce data more efficiently.
Effective utilization of multiple Shopify stores in single Salesforce CRM.
Synchronize e-Commerce data at Salesforce end to avail CRM benefits.
Salesforce Centric configuration concept to avail hassle free environment.
Synchronization of Collections from Shopify to Salesforce end.
Orders and Products synchronization to manage Inventory effectively.
Customers synchronization as Accounts and Contacts at Salesforce end.
Interactive design with user interface at Salesforce end adding on effective data utilization

How to Configure

Pre-Configuration settings

Once you install “eShopSync For Shopify” from appexchange. Go through the screen shots mentioned below to update the field accessibility.

Go to Setup | Customize | Accounts | Fields | Check Custom fields created by eShopSync for Shopify

Click on Field Label | Next to System Admin, Click Hidden | Check Mark both boxes shown below

Follow same steps to update field accessiblity for rest custom field created on Accounts, Contacts, Orders, Order Products, Products, Contracts.

Configuration @ Shopify & Salesforce End

Login to Shopify account to create one Private App and generate API credentials for the same.
Go to Apps | Manage Private Apps | Click Generate API Credentials as shown below.

Enter the App name and update access for all the options then click save as described in screen shot.

You will get API Key & Password required at Salesforce end to establish connection with Shopfiy store.

Login to Salesforce Account to make required changes. Go to Setup | Security Controls | Certificate and Key Management | Click Self-Signed Certificate

Go to Setup | Security Controls | Remote Site Settings | Click New Remote Site

Create one Remote Site for Shopify Store as explained in screen shot below.

Create one Remote Site for Salesforce as well. And, copy Shopify Salesforce Connector Configuration URL by following path.
- From App Menu drop-down, click on eShopSync For Shopify
- Click Shopify Salesforce Connector tab | Click Configurtaion and copy the URL as shown below

Copy and paste the URL in Remote Site URL option as shown below.

Once you are done with these changes, from the App menu drop-down, go to eShopSync for Shopify | Shopify Salesforce Connector | Configuration
Enter the Shopify Store URL, API key & password generated through Private app and select preferred Price book then Save it as shown below.

Synchronization Process

Sync Collections : Click on Sync Data to start importing data from Shopify as shown below.

Sync Products : Click on Sync Data to start importing data from Shopify as shown below.

Sync Customers : Click on Sync Data to start importing data from Shopify as shown below.

Sync Orders : Click on Sync Data to start importing data from Shopify as shown below.

Support

To view all our applications in Appexchange, go to Webkul Appexchange Apps.
For any further query, Click To Create Ticket

↧

Magento 2 Multi-Vendor User Account Marketplace

July 12, 2017, 8:26 am

≫ Next: Shopify Product Auction Edit & Delete Bid

≪ Previous: Shopify Salesforce Connector

Magento 2 Multi-Vendor User Account Marketplace add-on allows sellers to manage their own sub-accounts. The sellers can set access permissions for these sub-accounts by giving them access to some specific features of their web store. This helps the sellers to divide their roles and responsibilities with the other sub-account holders. For eg: A seller can add agents/users to view orders and products only while another can manage orders.

NOTE: This module is an add-on of Magento 2 Marketplace Module. To use this module you must have installed Webkul Magento 2 Marketplace Module first.

Features

Admin can enable/disable the “Manage sub-Accounts” for the sellers.
Admin/seller can create/add sub account.
Admin/seller can delete/edit existing sub-accounts.
Both, the admin and the seller can assign specific roles to the sub-account holders.
Sub account users can access only assigned functionalities by the admin/seller.
Allow the sub-account holders to perform the actions on the web store according to their defined roles.
Helps admin/seller to distribute their roles and responsibilities to the other sub-account users.

Installation

Customers will get a zip folder and they have to extract the contents of this zip folder on their system. The extracted folder has an src folder, inside the src folder you have the app folder. You need to transfer this app folder into the Magento2 root directory on the server as shown below.

After the successful installation, you have to run these commands in the Magento2 root directory:

First command – php bin/magento setup:upgrade

Second Command – php bin/magento setup:di:compile

Third Command – php bin/magento setup:static-content:deploy

After running the commands, you have to flush the cache from Magento admin panel by navigating through->System->Cache management as shown below.

Configuration of Multi-Lingual Support

For the multilingual support, the admin will navigate through Store->Configuration->General ->Locale Options and select the locale as German (the language into which admin want to translate his store content).

Language Translation

If you need to do the module translation, please navigate the following path in your system. app/code/Webkul/SellerSubAccount/i18n. Open the file named en_US.CSV for editing as shown in below screenshot.

Once you have opened the file for editing. Replace the words after the comma(,) on the right with your translated words.

After editing the CSV file, save it and then upload it to the same folder. Now your module translation is complete.

Module Configuration

After the installation of Magento 2 Multi-Vendor User Account Marketplace, the admin can either enable or disable the “Allow Seller to Manage Sub-Accounts” by selecting “Yes” or “No”. For this, the admin will navigate to Stores>Configuration>Seller Sub Account Settings.

Seller Management

The sellers can manage the Magento 2 Multi-Vendor User Account Marketplace by navigating to Manage Sub Accounts. The sellers will be redirected to Manage Sub Accounts page which displays the sub-account users list as per the below image.

Here, the sellers can:

Edit sub account details by clicking on the “Edit” link.
Delete the sub-accounts from the “Actions” drop-down list.
Add new sub-accounts by clicking on the “Add New Sub Account”.

NOTE: The “Manage Sub Accounts” option in the seller panel will only be visible when admin sets the “Allow Seller to Manage Sub-Accounts” option as “Yes” else not.

Add New Sub Account

By navigating to Manage Sub Accounts>Add New Sub Accounts the sellers can add new sub-accounts as per the below image.

Here, the seller will:

Enter the First and Last name of the sub-account holder.
Email address of the sub-account holder on which invitation request for the sub account will be sent.
Allowed Permissions: the seller can grant multiple roles to the sub-account.
Active: the seller can either enable/disable the sub account by selecting ‘Yes’ or ‘No’.

Frontend

To use the sub-account, the users first need to set their password via mail which they will get on their registered mail accounts as per the image.

When the users click on the “Link” link in the mail, they will be redirected to a page where they can set their passwords. After setting the passwords the users can log in to their accounts. Once the users logged in to their accounts, their account will display only those web store functionalities which have been assigned by the sellers.

Now, the account users can manage the store as per the assigned roles and responsibilities by the seller by navigating to these functionalities.

Admin Management

The admin also can manage the sub-accounts by navigating to Marketplace Management>Manage Seller. The admin will be redirected to a page which displays the seller list. Here, the admin can view the sub-accounts of a particular seller by clicking on the “Manage” link under “Sub Accounts” column in the list.

The admin will be redirected to the Seller Sub Account page when clicks on “Manage” link against any particular seller. This page will display the list of sub-accounts of that particular seller.

Here, the admin can:

Delete the sub-accounts by selecting the delete option from the “Actions” drop-down list.
Edit the sub-accounts by clicking on the “Edit” link.
Add new sub-accounts by clicking on the “Add New Sub Account” button.

Edit Sub Account

The admin can edit the sub-accounts of the sellers by navigating to Marketplace Management>Manage Seller. There the admin can click on “Manage” link against the seller whose sub-accounts he wants to edit as per the image.

The admin can change:

Sub account user’s First and the Last name.
Sub account user’s email id.
Allowed account permissions for the sub account.
Sub account status by selecting Yes or No.

Add New Sub Account

The admin can add/create the new sub-accounts by navigating to Marketplace Management>Seller SubAccounts. There the admin will be redirected to a page when clicking on “Add New Sub Account” button.

The admin will:

Enter the sub account user’s First and the Last name.
Enter the sub account user’s Email id.
Allowed Account Permissions: the admin can grant multiple roles to the sub-account.
Active: the seller can either enable/disable the sub account by selecting ‘Yes’ or ‘No’.

Manage Customers

The admin can view the customers and their sub-accounts all at once by navigating to Customers>All Customers. This will redirect the admin to the customer list page.

Here, the admin can:

View the group type of each customer under “Group” column.
Edit the customer details by clicking on “Edit” link under “Action” column.

The admin will be redirected to the following page when clicking on the “Edit” link against any customer as per the image.

NOTE: The “Sub Accounts” option under Customer Information will only be visible when the selected account is Master account means possess any sub-account else not.

So, when the admin clicking on to the “Sub Accounts” he will be redirected to a page which displays the sub account list of that customer as per the below-shown image.

Here, the admin can click on any sub-account displayed which he wants to edit.

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

↧

Shopify Product Auction Edit & Delete Bid

July 13, 2017, 4:56 am

≫ Next: Marketplace Size Chart For Magento 2

≪ Previous: Magento 2 Multi-Vendor User Account Marketplace

Now in Shopify Product Auction Edit & Delete Bid feature is here where we have provided the feature for admin to edit or delete the current or most recent bid on auctioned products.
Let’s understand it in detail about how to edit or delete a bid in Shopify product auction app.

How to enable this feature?

Visit configuration section of the app and from auction configuration enable “option to edit bid”.
The bid can be edited for :
-Current bid
OR
-Unrestricted bid.

In case of current bid : only the most recent bid can be edited by the admin. And if while editing the bid another bid gets placed then that bid wont be getting edited as it is no more a current bid now.

In case of Unrestricted bid: Unrestricted Edit will be allowed only when the Bid For Multiple Units & Sealed Bidding is enabled.

How to edit/delete the Bid?

After enabling the same from auction configuration you can now go on and edit or delete the bids.
Visit the auction section >>> View auction and then from the drop down choose to edit or delete.

From the above image, as we can see the admin can choose to delete or edit the bids in case of unrestricted bids.
On the contrary, in case of current bid, you will select the suction and then click on edit or delete to perform that action.

Support

In case of any further query, feel free to raise a ticket at http://webkul.uvdesk.com/ or drop a mail at support@webkul.com.

↧

Marketplace Size Chart For Magento 2

July 13, 2017, 3:40 am

≫ Next: Stock Comparison Odoo Bridge For Magento

≪ Previous: Shopify Product Auction Edit & Delete Bid

The Marketplace Size Chart for Magento 2 extension will now allow the marketplace sellers to add the size charts for their products under their own seller panel. The sellers will be able to add two types of size charts templates –

Normal
Configurable

The customers can refer the size chart to identify their accurate size. This extension is helpful for the customers as they can easily check their fit so that they can accordingly select their product size.

Note:
As this extension is an add-on the of the marketplace module, so you must have first installed the Magento2 Marketplace to make use of this extension.

This extension will work with only – Simple, Virtual and Configurable product types.

Features Of Marketplace Size Chart For Magento 2

Sellers can add templates to their products while adding new products.
Templates can be created for user defined attributes in case of configurable type.
Templates can be created for custom options in case of simple type.
In the case of size chart templates for simple products, there is an option to add price row.
While the simple product is assigned a size chart template, Custom Options are created automatically for that product as per the template.
Price row can be added or removed from the templates, it will affect the price of custom options of the product.
Admin can decide, which attributes should be shown while creating new templates, in the store configuration.
Works with products like Simple, Virtual and Configurable.
While being created, products can be assigned a template which will be displayed at the frontend.
Sellers can create new templates and edit the old ones.
Admin can access the templates created by sellers and admin itself.
In the case of simple products, the custom options will be displayed in the templates at the front-end.
Admin and seller can create size charts for the products to be displayed on product view page.

Installation Of Marketplace Size Chart For Magento 2

Customers will get a zip folder and they have to extract the contents of this zip folder on their system. The extracted folder has an src folder, inside the src folder you have the app folder. You need to transfer this app folder into the Magento2 root directory on the server as shown below.

After the successful installation, you have to run these commands on Magento2 root directory -“php bin/magento setup:upgrade”.

Run this command into the Magento2 Root – “php bin/magento setup:static-content:deploy”.

MultiLingual Configuration – Marketplace Size Chart For Magento 2

For Multilingual support, please navigate. Store->Configuration->General ->Locale Options. And select your desired language from the Locale option.

Language Translation – Marketplace Size Chart For Magento 2

For module translation, please navigate the following path in your system app/code/Webkul/MPSizeChart/i18n. Open the file named en_US.CSV for editing.

Once you have opened the file for editing. Replace the words after the comma(,) on the right with your translated words.

After editing the CSV file, save it and then upload it to the same folder. Now your module translation is complete.

Seller’s End – Configuration and Workflow

After the successful installation of the extension, the seller will navigate to the Marketplace block and under that will find the “Size Chart” menu.

Tapping the size chart menu option brings up the page “Size Chart Templates“. Here, the seller will find the already added templates(If any) and can add two types of size chart templates –

Normal and
Configurable

Size Chart – Normal

To add a normal size chart, the seller will click on the “Normal” under the “Add New Template” drop-down. After that, the seller will have to enter the –

Template Name
Template Code and
Add Custom options(these custom options become the column names).
Choose the Image file for the size chart template.
Lastly, click on the “Continue” button to proceed further.

After you tap the Continue button, the seller will enter the Option title and the corresponding Option values. The seller will then enter the values for the corresponding option values. The seller can also add the custom price for each of the custom options by checking the option “Add Custom Price“.

Now, click the “Save” button to save this normal size chart.

Add Size Chart To Products

To add the size chart to the normal products, the seller will navigate through New Products-> and then add a new product or edit an already added product. After, filling all the product information go to the “Select Option” and select the template that you want to apply on this product of yours and after that click the “Save” button.

Now, when the customers check this product at the front-end they will see the “View Size Chart” option.

You can select the custom options for this product as we had added the price for each of the custom values while creating the size chart.

Clicking the “View Size Chart” brings up the size chart for the product.

Size Chart – Configurable

To add a configurable size chart template, the seller will click on the “Configurable” under the “Add New Template” drop-down as shown below in the snapshot.

After that, the seller will have to enter the –

Template Name
Template Code and
Select the Custom options(the custom attributes allowed by the admin for creating the size chart are visible here to choose for the sellers) that will be used to create the size chart column headers automatically.
Now you need to enter the option values for the selected custom option. We have selected the “Color” attribute here and added the option values for the two color variations.
Choose the Image file for the size chart template.
Lastly, click on the “Save” button to save this size chart.

Now, after clicking the “Save” button the configurable size chart is saved.

Add Configurable Size Chart To Configurable Products

To add the size chart to the configurable products, the seller will navigate through New Products-> and then add a new product or edit a previously added configurable product. Now, fill all the product information and go to the “Select Option”, select the template that you want to apply to this configurable product. Lastly, click the “Save” button.

At the front-end, customers will see the “View Size Chart” option on the product page.

Clicking the “View Size Chart” brings up the size chart for the configurable product.

The customer is able to add the color variation product to the cart via the size chart itself by tapping the “Add To Cart” button.

Admin’s End – Configuration & Workflow

The admin can create the size charts for his products and can access the templates created by the marketplace sellers by navigating to Marketplace Management->Marketplace Size Chart->View Templates.

Tap the “View Templates” menu option to bring up another page.

Here the admin can –

View the size charts added by the marketplace sellers and his own.
Add Size charts of two types – Normal and Configurable.

Adding Normal Size Chart Template –

To add a normal size chart, the admin will select “Normal Product Template” under the Add Template drop-down option as shown below in the snapshot.

To add a normal size chart, the admin will click on the “Normal Product Template” under the “Add Template” drop-down. The admin will have to enter the –

Template Name
Template Code and
Add Custom options(these custom options become the column names).
Click the Continue button to add the custom option values.

Clicking Continue brings up the table with the Custom Options as column headers. Here, the admin will enter the –

Options and their values for the Custom Options.
Check the “Add Custom Price“(If required) option to add custom price to these option values.
Choose the Image for the size chart.
Click the Save button to save the size chart.

Add Normal Size Chart To Products

To add the size chart to the normal products, the admin will navigate through Products->Catalog->Add Product and then click to add a new product or edit an already added product to add the size chart. For this example, we have created a new product – Men’s Boxers.

Now, after filling in all the product information go to the “Webkul Marketplace Size Chart ” section. Here, the admin will select the template that he wants to apply to this product and click the “Save” button.

Customers will see the “View Size Chart” option on the product page.

You can select the custom options for this product. Price is added for each of the custom values whilst creating the size chart.

Clicking the “View Size Chart” brings up the size chart for the product.

Add Configurable Size Chart

To add a configurable size chart template, the admin will click on the “Configurable Product Template” under the “Add Template” drop-down as shown below in the snapshot.

To create the configurable size chart, the admin will have to enter the –

Template Name
Template Code and
Select the Attribute that will be used to create the size chart column headers automatically.
Now you need to enter the option values for the selected custom option. We have selected the “Color” attribute here and added the option values for the two color variations.
Choose the Image file for the size chart template.
Click on the “Save” button to save this size chart.

Now, after clicking the “Save” button the configurable size chart is saved.

Add Configurable Size Chart To Products

To add the size chart to the Configurable products, the admin will navigate through Products->Catalog-> and then add a new configurable product or edit an already added configurable product to add the size chart. For this example, we have created a new product – Men Polo T-Shirt.

At the front-end, customers will see the “View Size Chart” option on the product page.

Clicking the “View Size Chart” brings up the size chart for the configurable product.

Customers can add the color variation product to the cart from the size chart itself by clicking the “Add To Cart” button.

Admin – Size Chart Management

The admin can also check the size charts of the marketplace sellers. The admin will navigate to Marketplace Management->Marketplace Size Chart->View Templates. Here, the admin can select the size chart of the sellers and can edit it by clicking the “Edit Template” link as shown below.

Clicking the “Edit Template” brings up the page to edit the selected seller’s size chart template. After editing, save the seller’s template.

That’s all for the Marketplace Size Chart For Magento 2. If you have any issue feel free to add a ticket and let us know your views to make the module better at webkul.uvdesk.com

↧

Stock Comparison Odoo Bridge For Magento

July 14, 2017, 3:29 am

≫ Next: WordPress WooCommerce Marketplace Product RMA

≪ Previous: Marketplace Size Chart For Magento 2

It fulfills the basic need of our customers using our Magento Odoo connector to check if there is any stock mismatch between products at Magento and Odoo end and fix up the stock mismatch with a single click. This module allows the user to keep track of the product`s stock between Magento and Odoo at real time. User can easily filter those products which have stock-mismatch and thus can fix it up easily.

Prerequisites: Magento-Odoo Stock Comparison module depends upon our Magento-Odoo Bridge (MOB) Base module. You need to install it before you can use this maintenance module.

Features

Provides the facility to easily check stock mis-match between the Magento and Odoo.
User can select either all products or a products within a product Id range to check for mismatch.
Product with stock mismatch is highlighted in red for better visibility.
Updates product stock mismatch with a single click.
Updates Product stock on Magento on the basis of stock synchronization settings under configuration.

Installation

Stock Comparison Odoo Bridge for Magento requires base module Odoo Magento Odoo Connector in order to work

=> This module needs to be installed only at Odoo side only.

=> Simply copy “MOB_Stock_Compare” directory to your Odoo addons>Enable the developer mode>Click on update apps list and install it on your Odoo.

Rule for product stock mis-match will depend upon the settings under configurations for magento odoo bridge. It can be quantity on hand or forecast quantity.

Configuration

Go to Settings>Automation>Scheduled Actions>MOB Stock Sync Scheduler

Here User can select a date and time of his choice to run the chron scheduler and thus to automate the process of stock mismatch at a given time interval. Chron will search for the products whose stock is mismatched between Magento and Odoo and will fix up the stock mismatch. Also, user has to make sure that ‘Active” checked box is enabled in order for MOB Stock mismatch to work.

Workflow

Product stock comparision view

User can go to Magento Odoo Bridge > Compare stock. A window will appear allowing user to select whether he wants to compare the stock of all the products or want to compare the stock of range of products based on their Product Ids respectively.

After that User will Click on Compare now and the list of products with Stock mismatch between Magento to Odoo will appear in red colour with their respective quantities available on Magento and Odoo.

Note- The Quantity of products will depend upon the stock sync settings assingned under the MOB configuration i.e Either quantity on Hand or Forecasted Quantity.

User will select the Products with stock mismatch and click on “Synchronize Product Stock To Magento” to resolve the stock mismatch.

A Confirmation message will appear as shown below-

After resolution of stock mismatch between Magento and Odoo end, the product will dissapear from stock comparison window –

Support

For any kind of technical assistance, just raise a ticket at : https://webkul.uvdesk.com and for any doubt contact us at support@webkul.com

↧

WordPress WooCommerce Marketplace Product RMA

July 14, 2017, 4:51 am

≫ Next: Magento 2 Custom Option Template

≪ Previous: Stock Comparison Odoo Bridge For Magento

WordPress WooCommerce Marketplace Product RMA (Return Merchandise Authorization) allows you to setup a system for customers to request a return easily. With the help of this module, the customer can return the products, have them replaced or refunded within the specified time limit. The seller can add RMA reasons and shipping labels as well for the customer.

WordPress WooCommerce Marketplace Product RMA 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.

Wanna know more how Return Merchandise Authorization works? Check out case study –

RMA Case Study

Features of Marketplace Product RMA

Buyer and the seller can communicate at store end.
Admin can manage RMA status as well as reasons.
RMA History with Filters and Pagination at the admin and the seller end.
Dynamic order selection with various options.
The customer can upload images while requesting RMA.
Email notification of RMA for the admin, seller, and the customer as well.
The customer can print RMA details and shipping label easily.
The seller can add own reasons as well for RMA.
The Seller can add shipping labels for RMA.

Installation of Marketplace Product RMA

After this, you will see an option on the top of your page that is “Upload Plugin”, click the option to upload the zip file.

After clicking on the “Upload Plugin” option, below that you will see a button “Choose File” click on the button to browse for the zip file as per the snapshot below.

After browsing the file, click the “Install Now” button to install the plugin as per the snapshot.

Now when the plugin is installed correctly, you will see the success message and an option to activate the plugin. Click on “Activate Plugin” to activate the installed plugin.

Configuration of Marketplace Product RMA

After successful installation, the admin can configure WooCommerce Product RMA under “Marketplace RMA > Configuration”.

RMA Status – Choose status of RMA as “Enabled” if you want to enable the plugin, else “Disabled”.

RMA Time – Time limit for the customers. The customer can create an RMA within the entered time.

Order Status of RMA – Choose order status for which you want to accept RMA.

Return Address – Enter the return address where you receive the returns.

RMA Policy – RMA policy for the customers.

The admin can add Shipping Labels under “Marketplace RMA > Add Shipping label”. Here admin uploads the shipping labels to use while processing RMA.

The admin can create RMA reasons under “Marketplace RMA > Manage Reasons”. All the created reasons will be listed here.

The admin can add a new reason under “Marketplace RMA > Manage Reasons > Add Reason”.

Front End Workflow of Marketplace Product RMA

The customer can request an RMA from the account panel under “RMA > Add”. He needs to fill all the details to request an RMA.

A list of all the created RMA can be viewed under “RMA”.

By Clicking “View” the customer can view the details of the RMA and can send the message to the admin as well.

In case the customer wants to exchange the product then, he can download the shipping label as well. The shipping label will be uploaded by the admin.

Seller Management of Marketplace RMA

The seller can add RMA reasons under “RMA > RMA Reason > Add”. These reasons will be displayed when a customer adds an RMA. Every seller of the marketplace can add his own reasons. All the added reasons will be available in the list under “RMA > RMA Reason”. Here the seller can search the reason as well and the pagination is also available.

Here the seller just needs to enter the reason and the status as “Enabled” to enable the reason.

The seller can find all the requested RMA list under “RMA > Manage RMA”. Here the seller can search the RMA as well.

The seller can view the details of the RMA and can respond to the customer chat by clicking the view button.

Under “Manage Tab” the seller can change the status of the RMA.

In case the customer selects the resolution as exchange then the seller can add shipping label as well under the same “Manage Tab”.

Admin Management of Marketplace RMA

The admin/store owner can manage RMA under “WooCommerce RMA > Manage RMA”. The list of all the requested RMA will be available here.

By clicking “View” the admin can manage an RMA. All the RMA information will be visible under “RMA Details”.

Under “Conversation” the admin can check the conversation with the customer as well.

The admin can manage the status of the RMA under “Manage”.

In case the customer wants to exchange the product then the admin can add shipping label as well.

That’s all for the WordPress WooCommerce Marketplace Product RMA 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.

↧

Magento 2 Custom Option Template

July 14, 2017, 5:00 am

≫ Next: Mobikul Zopim Live Chat

≪ Previous: WordPress WooCommerce Marketplace Product RMA

The Magento 2 Custom Option Template extension will allow the admin to create an unlimited number of custom options from the admin backend. After creating the custom options, the admin can easily add these custom options to his products. The admin can also add multiple custom options to each product.

In the default Magento, you had to create custom options by going individually to each of the products and then adding the custom options for each of the products separately. Now, using this extension you will easily create as many numbers of custom options as you want and can assign these custom options to the products as per need.

Features

Create an unlimited number of Custom Options.
Add Different types of Custom Options using the various Option Types.
Set Multiple Custom Options on each product.
Make the Custom Options as Required.
Admin can create Custom Options very easily and very fast.

Installation

Now run this command on Magento2 root directory -“php bin/magento setup:upgrade”.

After running above two commands, run this command in the Magento 2 Root -“php bin/magento setup:di:compile” as shown below in the snapshot.

Also, run this command into the Magento2 Root – “php bin/magento setup:static-content:deploy” as shown below.

After running the commands, you have to flush the cache from the Magento admin panel by navigating through ->System->Cache management as shown below in the snapshot.

Multi-Lingual configuration

For Multilingual support, please navigate. Store->Configuration->General ->Locale Options. And select your desired language from the Locale option.

language Translation

If you need to do the module translation, please navigate the following path in your system. app/code/Webkul/GooglePlus/i18n. Open the file named en_US.CSV for editing as shown in below screenshot.

Once you have opened the file for editing. Replace the words after the comma(,) on the right with your translated words.

After editing the CSV file, save it and then upload it to the same folder. Now your module translation is complete.

How To Use

After the successful installation of the extension, the admin will navigate to Custom Option Template.

Clicking the menu option “Custom Option Template” will bring up another page to manage the custom options as shown below.

Create the custom options under the section Customizable Options and then by clicking the “Add Option” button.

Here, the admin can create the custom options using the Option Types –

Text – Field, Area
File – File
Select – Drop-Down, Radio Buttons, Check-Box, and Multi-Select
Date – Date, Date & Time, Time

and can make the custom options as required by checking the “Required” checkbox.

Example:
Now, we will try creating a custom option- Color with the Option Type as “Radio” button with values Blue and Black as shown below in the snapshot. After entering all the required information, click the Save button to save this custom option.

Now, after creating the custom options the admin can add these custom options for each of his products by going to the Product Assign section –

Here, select the Products for which you want to add the custom options.
Select Assign Option from the drop-down.
Select the Custom Option to add.
Click the “Submit” button to apply the Custom Options.

Now, on the front-end, the customers can find the custom options on the product page as shown below.

Other product on which we applied the same custom options.

That’s all for the Magento 2 Custom Option Template. Still, have any issue feel free to add a ticket and let us know your views to make the module better webkul.uvdesk.com

↧

Mobikul Zopim Live Chat

July 14, 2017, 8:35 am

≫ Next: Mobikul WooCommerce Mobile App Builder

≪ Previous: Magento 2 Custom Option Template

The Mobikul Zopim Live Chat add-on will allow you to integrate Zopim® live chat with the Mobikul Mobile App builder. In turn, this will help you to provide real-time support to the customers that are using your mobile application.

Swiftly create an e-commerce mobile app for any open-source platform and integrate the Zopim chat within it using this add-on. The admin can easily reply back to the customer’s queries generated via the mobile app. The customers will just have to tap a single menu option in their mobile app to directly start chatting with the admin/agents(depend on the plan that you have chosen).

**Note: You must have Mobikul Mobile App Builder and a Zopim® Chat/Zendesk Chat account to make use of this add-on.

**For plan pricing check this link – Pricing or Contact the Zopim team.

Features

The admin/agents can chat with the customers and vice-versa.
Fastest Real-Time chat between the admin/agents and the customers.
Customers can start a chat using the e-commerce mobile application.

How To Use Zopim® live Chat

To start a live chat, the admin/agents will have to log into their online Zopim live chat account. Make sure that you have selected your status as online to start chatting with the customers.

After login, the admin/agents will see their dashboard. To start chatting with your customers you need to change your status to Online. When a customer chats with you, you can respond back by clicking on the chat request button in the bottom-left corner of the dashboard. All chat requests can be seen under the Request section.

For the customers, they just have to select the option “Chat with Admin” to start a chat conversation on their mobile app.

If the admin/agents are online, then when a customer clicks the “Chat with Admin” button they will see a section to enter their – Name, email address, phone number, and the message to the Admin.

Click next to send the message to the admin/agents and you can see your chat screen where you can send multiple responses and see all the responses from the admin’s end.

After you have sent the message, the admin can see the response under the response section.

The admin will tap on the “Serve Request” tab to reply back to the customer. The admin will enter the reply and hit the enter to reply back to the customer.

After the admin has sent the message the customer will receive the message and can make a reply back.

Now the customer can make a reply back to the admin.

The admin will make a reply back to the customer and vice-versa. So, that’s how the customer can ask their queries to the admin.

Customers can end/close a chat session at any time by clicking the “X” close button at the top right-hand side. This brings up up a pop-up for to end the session. Click end to end the session.

Ending the session brings another dialog box that asks you – if you want to email the transcript of this chat to your email address. Hit Send button to send it to your email address.

This ends the chat and you can check your email for the transcripts of the chat as shown below.

If the admin/agents are not online when the customer starts a chat conversation then you will see an option to send a message.

Tap the “Leave a Message” button to send a message to the store owner -Admin/agents and later when they are online they can see the message and can respond accordingly. This brings up the section to send a message.

That was all about the Mobikul Zopim® Live Chat add-on. Still, have any doubts or suggestions regarding this extension you can get back to us at webkul.uvdesk.com.

↧

Mobikul WooCommerce Mobile App Builder

July 15, 2017, 4:10 am

≫ Next: What is Cross-Site Scripting?

≪ Previous: Mobikul Zopim Live Chat

The Mobikul Mobile App Builder for WooCommerce will convert your WooCommerce Store into a native mobile application. Now it is not necessary to have desktops/laptops to shop from your store. The customers/buyers can easily visit your store by using the mobile application on the go. The mobile application has better user experience with splendid features and functionalities. It is fully compatible with your default WooCommerce Store. The mobile application provides a user-friendly experience and enhances the customers’ engagement over the mobile platform. So what you waiting for, you must have a mobile app with great features & functionalities for your store.

FEATURES OF MOBIKUL WOOCOMMERCE MOBILE APP BUILDER

Integrated with Existing WooCommerce Store
Unlimited Push Notifications
All product type supported – Simple, Grouped, Downloadable, Virtual, Variable, External products.
Compatible with Mobile & Tablet
Various Shipping Supported
Real Time Synchronization
Fully Native App
Offline Mode
Sign in via Finger Print
Checkout at one page
Product share via social media
Multi Currency Supported
New and Featured Product Carousel
All the Major Payment Gateway Supported
Voice Search
Social Login*
One Time Password*
Mobile Number Login*
The features with Asterix mark (*) are the paid features.

home page view

Mobikul WooCommerce Mobile App has the fully interactive and user-friendly homepage. Homepage included two drawers(left and right), slides, new products, and featured product carousel. In the left drawer, the category will show and in the right drawer, customer profile will show.
The Admin can add more as the slider on the front page. The customer can see the list of new arrival products on the front page.

Search View:

In the top of the app, a search bar will appear. The customer can search the product with the keywords. Search suggestion would appear after typing keyword in the search bar.

Voice Search:

The customer can search the products with their voice also. If voice didn’t catch then it will ask for try again for voice search.

Product view and order product

Product View:

After clicking on a product, the customer can see the product page. A customer can buy the product, can see the description, specification, and reviews of the product here.

Add a product to the Cart:

After click on “Add to Cart” button on the product page, the customer will see a message “Product has been added to your cart”. Now the customer can checkout for their purchase or continue their shopping.

Description and Specification:

The customer can see the description and the specification of the product under product page.

Buy Now:

In buy now section the customer can update their cart and can apply the discount coupons. After click on continue shopping button, the customer can go directly to the homepage for continuing their shopping.

Payment Method:

After click on the Checkout button, the customer redirected to the payment page. Where the customer can select the payment method and proceed to place an order.

Order Summary:

After place the order successfully, the customer will get their order details as follows. In this page, the customer will see the complete order details like their billing time, date, payment method, shipping price, product price and product information.

Customer Authentication:

If the customer does not log in to their account(when creating an order), then ask for Sign-up, Sign-in or Continue as a guest.

Share product:

A Customer can share the product by clicking on the share button. Share button will appear on the product page.

category view

Left Drawer:

On left drawer category page, the customer will see the categories of the store. Where they can see the product by category wise. Also, the customer can sort the product according to their needs.

Grid View and List View:

After click on the category customer can see the product of that category. Also, the customer can see the product in Grid view and List view both.

All Categories Products:

The customer will find “SHOP” link in the left drawer. After click on it, all the products of the shop will show there.

sign-in and sign-up

Right Drawer:

After clicking on right drawer, an account dashboard will open. Where the customer can see the sign-in and sign-up buttons. After clicking on them they can access to their accounts.

Easy Sign Up and Sign In:

Customer needs to enter the email address and password for the sign up to their account. A customer can log in with the email address and password to their account.

Password Reset:

A customer can reset the password through the app. They need to click on “Lost your Password” link on the sign-in page.

profile view

My Account:

In the right drawer(after login), the customer can view their profile. The customer can see their username over there. Also, they can see the addresses, their orders and account details. A customer can also sign out fr0m there.

Change in Address:

The customer can change their shipping address and billing address through the app.

Log-out:

After click on sign out button, a popup will show there for confirmation of sign out.

My Orders

Order Page:

The customer can see their orders in my order tab. A customer can also pay for their failed order transaction.

product review

Under this section, the customer can write a review of the product from here. The customer can rate the product in terms of the star.

For any kind of technical assistance, just raise a ticket at here and for any doubt contact us at support@webkul.com

↧

What is Cross-Site Scripting?

July 16, 2017, 10:59 pm

≫ Next: Odoo Bridge For Magento ( MOB ) Credit memo

≪ Previous: Mobikul WooCommerce Mobile App Builder

In this blog, we will learn about cross-site scripting. Let’s start with what is cross-site scripting.

What is Cross-Site Scripting?

Cross-Site Scripting or XSS allows an attacker to destroy your existing project, or take advantage of it. XSS injection can be possible when there is a scope for the attacker to insert unauthorized JavaScript, VBScript, HTML, or other active content into a web page. It could provide the attacker any confidential data, which might cause loss of valuable information.

What are the Types of XSS Attacks

There are following types of XSS attacks:

Stored XSS : If we provide a platform to an end user, through which we can save information provided by them to the database. It gives the attacker an aperture to cause harm to our system and sneak some valuable information, making us vulnerable.

Reflected XSS : The malicious information sent through URL parameter, are reflected XSS.

DOM-based XSS : It refer to making changes in DOM at the client side. The server side web page does not change but executes in the way that is not intended.

Impact of XSS

There are following impacts of XSS:

1) Arbitrary Requests : The hacker can use XSS to send request to get information from the user end.
2) Malware Download : Sometimes we get some spam mail, through which malware could be downloaded.
3) Log keystrokes : The attacker could identify key-strokes to get username and password to log in future.

Support

That’s all for cross-site scripting, still, if you have any issue feel free to add a ticket and let us know your views to make it better https://webkul.uvdesk.com/en/customer/create-ticket/

↧