Developer Guidance
Developer Guidance
Codeigniter Javascript Jquery Laravel Php

How to display a popup once using JavaScript

Hi guys , today we learn how to display popup once when website load. Popup will show when visitor come until he/she not accept or cancel. display a popup once is best to increase leads or help the customer to enquiry your product or service.

By a javascript function will call and prevent a popup to not show again until he/she do not reload the website.

display a popup once
Enquiry Form On Popup

HTML for display popup

The Above HTML code help to show the popup which contains the attribute like Name, Mobile Number, A select option and Textarea. You can show the Email Subscription, Newsletter or you can use as a lead for your website.


Javascript Code:

When the user clicks on (x), close the modal and When the user clicks anywhere outside of the modal, close it.The above javascript show the the modal once when website load.

Conclusion : Popup show once in the website using JavaScript. Full source code is provided by Developerguidance

Php Wordpress

How To Set and Get Featured Products in Woo-Commerce

In the initial step we see how to set the featured products in woo-commerce.

Featured Products is the best way to promote specific and main products in your website.We can easily setup featured products in woo-commerce.

You can easily setup the featured product by a widget, shortcode and also by custom code.

Adding a Featured Product

To show the featured product go to Products in left side of navigation in the wp-login Panel.

There is another way to setup the featured products in woo-commerce. Go to products and click the option Quick Edit and there is checkbox of name Featured and click to update button to show featured products.

There is another option to show the featured product in woo-commerce. If you want to show the multiple product as featured product.Follow the below steps:-

Step-1: Go to product
Step-2: Check all of the products you would like to feature.
Step-3: Go to Bulk Actions click edit and Apply.
Step-4: That action will open up the editor pictured below and Select ‘Yes’ from the featured drop-down menu and then click the blue update button.

Displaying Featured Products

You can display the featured products BY:

  1. Shortcode
  2. Custom code

Woo-commerce have variety of useful shortcode which we can use in pages or posts.

you can show the featured products by:

[featured_products per_page=”8″ columns=”4″ orderby=”date” order=”desc”]

Looping code which you can use in the file to show the featured products.

Conclusion: We Understand How to Set and Get Featured Products in Woo-Commerce

Jquery Php

Registration form with jquery validation

Now in this tutorial, we make you to learn how to create the registration form with jquery validation

We have created a simple HTML form which have the fields like Name , Email, Mobile No, Password and Confirm Password.

Registration form with jquery validation


Here the style which is required for styling the form as per you need

CSS File: style.css

JQuery File:  registration.js

You can call the script inline and in seperate file.

I am using the alert in validation you can also use $(“#developerguidance”).html(“<p style=’color:green;’>Valid URL</p>”); In this you can pass id where you wnat to show alert.

AS Example show in Mobile No feild as shwon below:-


How to Create a Magento Configurable Product

Magento is an open-source e-commerce platform. It is one of the most popular open e-commerce systems,where You can Create your own ecommerce store.

Magento Store have several option to add products.There are several option of Simple Product types like Simple Product , Grouped Product , Configurable Product , Virtual Product , Bundle Product and Downloadable Product.

Configurable products in a Magento store need several assigned attributes such as size, color, model, make, etc. You need dedicated server for configurable product.

There are few basic steps involved in the creation of a Magento Attribute for Creating a configurable product:

  1. Log in to your Magento admin panel
  2.  Select the “Catalog” tab
  3. Go to Manage Attribute
  4. Add attributes (such as color and size etc.).

Shown in the image how to add attribute

add attribute in magento

There is option in ADD ATTRIBUTE in right of magento panel.

Keep in mind few things that scope is always Global, Catalog Input Type for Store Owner to DropdownValues Required to Yes and Choose Yes option from the drop-down menu of Use to Create Configurable Product.

Next step is Go to the click Manage Label / Options at left of your admin panel

product attribute
Manage Color Option attribute

Manage option(value of your attribute) where you can see
In Admin you fill color name as seen in above image,in position which color you want above.

product attribute in magento
Manage The Size attribute

Now to Add Attribute Set

  1. Select the “Catalog” tab
  2. Go to Manage Attribute Sets
attribute sets in magento

Just drag both the color and warranty attributes into the left panel under the General group, and hit the Save Attribute Set button. 

manage attribute sets

Add the Configurable Product

To add a Configurable Product. Go to Catalog > Manage Products and tap the Add Product button. and select Configurable Product from the Product Type drop-down.

Select both of the attributes i.e. Color and Size

Then fill up the form steps are below:-

General infomation like name, Description, Short Description SKU , Status etc. SKU should be unique and Status should Enabled.

Magento Configurable Product

2. Then add price of the product and first Price(MRP), special price(Sale or Your price) and Tax class select the option as per the product.

Prices in  Magento Configurable Product

3.Then Select the inventory and select the option in stock

select inventory in Magento Configurable Product

4.Select the Category. then click to Save and Continue Edit.


select images in magento

After uploading the image the click to ASSOCIATED PRODUCTS

associated products in Magento Configurable Product

Fill the Form click Status should in enabled, visibility Not Visible Individually , select Color,Size and Qty.

Then click to save button