BOOK APPOINTMENT

Add extra payment gateway fees based on country location in WooCommerce

Add extra payment gateway fees based on country location in WooCommerce

We use Advanced Extra Fees for WooCommerce plugin plugin to add extra fee option. Follow the Following Steps:

1. Install and Activate the Plugin:

  • Download the Advanced Extra Fees for WooCommerce plugin from the WooCommerce marketplace or your WordPress dashboard.
  • Activate the plugin through the ‘Plugins’ menu in WordPress.

2. Access the plugin setting:

Go to WooCommerce setting > click on setting > click on advance extra fee

3. Extra Fee Set Up:

  • Go to WooCommerce setting > click on setting > click on advance extra fee > click on add new fee
  • Now add a name for your fee like “PayPal Domestic Payment Gateway Fee”
  • Set Fee Type and Value

Add Conditional Fee Rules

  • Add condition based on Country and add country value with logic “equal to”
  • Add another rule for payment gateway and select your preferred payment option

4. Save and Publish the Fee:

  • After adding all conditions, click on the Publish button to save your settings.
  • Test your configuration by going to a checkout from different countries to ensure that fees are applied correctly.
How to add country code and flag before phone in checkout page of woocoomerce

How to add country code and flag before phone in checkout page of woocoomerce

Imagine you’re buying something online, and when you reach the checkout page, you need to enter your phone number. But wait, where’s the option to choose your country code? It’s a common issue that can be confusing for shoppers.

If you’re running a store with WooCommerce, there’s good news! You can improve your checkout page by adding country codes and flags next to the phone number field. This not only makes it easier for customers to enter their phone numbers but also gives them confidence that they’re doing it right.

In this blog post, we’ll show you how to do just that. Whether you’re new to WooCommerce or already using it, we’ll walk you through the steps to make your checkout process smoother and more user-friendly. Let’s get started on making your WooCommerce store even better!

To add code before phone in phone input in WooCommerce, add following code in functions.php of your child theme.

add_action( 'wp_enqueue_scripts', 'dsrf_add_phone_mask' );

function dsrf_add_phone_mask() {
wp_enqueue_style( 'intltelinput', 'https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.3/css/intlTelInput.min.css' );
wp_enqueue_script( 'intltelinput', 'https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.3/js/intlTelInput-jquery.min.js', array( 'jquery' ), '', true );
}

// Initialize the phone mask script
add_action( 'wp_footer', 'dsrf_init_phone_mask' );

function dsrf_init_phone_mask() {
?>

5 Best Udemy Web Developement Course.

5 Best Udemy Web Developement Course.

Are you confused about finding the right course?. If your answer is yes, then don’t worry. Now, you are in the right place.

Let’s see the best web development courses which are suitable for both beginner and expert.

Screenshot 9 1

You’re here because you’re ready to start building professional, career-boosting websites.

Or maybe you’re coding already and want to take things to the next level?

What you will learn from this course?

  • Build websites and webapps
  • Build HTML-based mobile apps
  • Get a job as a junior web developer
  • Bid for projects on freelance websites
  • Start their own online business
  • Be a comfortable front-end developer
  • Be proficient with databases and server-side languages

Screenshot 10 1

What you will learn from this course?

  • Create a WordPress Theme with Twitter Bootstrap
  • Create 4 Different WordPress Themes
  • Convert 26 PSD files into WordPress Templates
  • Learn how to transform any PSD file into a WordPress Theme
  • Learn Good Practices in WordPress Theme Development
  • Learn some advanced Features like Custom fields and Custom Post Types
  • Understand WordPress Theme Development
  • Create Mobile First WordPress Themes
  • Learn how to Write Secure WordPress Code
  • Learn how to create Options Pages in 

3.

Screenshot 11

This is the most comprehensive and effective course on WordPress development around.

This course was designed for those who truly want to master WordPress inside and out. There is no stone left unturned. This course will help make you into one of the most competitive WordPress developers out there. You will be able to develop custom plugins and themes no matter how hard the task is.

What you will learn from this course?

  • Build a fully functioning WordPress theme and plugin
  • Build websites for any business and audience
  • Make money online by selling your theme/plugin on market platforms or on your own personal site
  • License your theme and/or plugin
  • Understand the architecture of a plugin and theme
  • Understand the WordPress core and its functions
  • Fully Understand WordPress's API and how to interact with WordPress and its system
  • Query the Database and create tables
  • Comfortably navigate around the WordPress core
  • Integrate and extend WooCommerce & BuddyPress into your theme/plugin.
  • Build Single Page Applications using VueJS and WordPress as the back end.
  • Confidently use the command line and learn basic commands.
  • Learn the latest features in JavaScript including ES6 modules and variables
  • Improve your workflow using Babel and Webpack
  • Create, manage and process admin forms.
  • Use and extend the REST API with your own endpoints and routes

Screenshot 12

This course is designed to bring the basic concepts of WordPress theme creation to students worldwide. It contains more than 50 lectures that will bring your career as a WordPress theme developer to a whole new level.

It has been carefully designed for professionals who already have minimal knowledge of HTML, CSS, PHP and wish to take a step forward in understanding how a WordPress theme works.

What you will learn from this course?

  • You'll learn how to create a WordPress theme from start to end
  • You'll learn how to pack your theme for distribution
  • You'll learn how to internationalize your theme
    
    
    

 

Screenshot 13

What you will learn from this course?

  • Make REAL web applications using cutting-edge technologies
  • Continue to learn and grow as a developer, long after the course ends
  • Create a blog application from scratch using Express, MongoDB, and Semantic UI
  • Create a complicated yelp-like application from scratch
  • Write your own browser-based game
  • Create static HTML and CSS portfolio sites and landing pages
  • Think like a developer. Become an expert at Googling code questions!
  • Create complex HTML forms with validations
  • Write web apps with full authentication
  • Use Bootstrap to create good-looking responsive layouts
  • Implement responsive navbars on websites
  • Use JavaScript variables, conditionals, loops, functions, arrays, and objects
  • Write Javascript functions, and understand scope and higher order functions
  • Create full-stack web applications from scratch
  • Manipulate the DOM with vanilla JS
  • Manipulate the DOM using jQuery
  • Translate between jQuery and vanillas JS
  • Write JavaScript based browser games
  • Use NodeJS to write server-side JavaScript
  • Write complex web apps with multiple models and data associations
  • Write a REAL application using everything in the course
  • Use Express and MongoDB to create full-stack JS applications
  • Use common JS data structures like Arrays and Objects
  • Master the command line interface
  • Use NPM to install all sorts of useful packages
  • Understand the ins and outs of HTTP requests
  • Create your own Node modules
  • Make a beautiful, responsive photographer's portfolio page
  • Create a beautiful, responsive landing page for a startup
  • Implement user authentication
  • Create a beautiful animated todo list application

Best premium WordPress Theme

Best premium WordPress Theme

Go premium and get highly secure and SEO friendly website.

Although, there are thousands of free theme available in the WordPress theme directory I only recommend premium themes.

Why Should you use the premium theme?

The answer is simple, premium themes are user-friendly, highly secure, easy to customize, SEO friendly. Many premium themes provide drag and drop customization. Thus even a person who does not has any knowledge of coding can customize the theme.

So, let’s see the best premium WordPress theme…

DIVI Theme 

Screenshot 10

Divi is powered by the Divi Builder, an insanely fast and incredibly intuitive front end editor like nothing you have seen before. It will change the way you build websites forever.

It Provides —

  1. Real-Time Design
  2. Every Element is Fully Customizable
  3. Responsive Editing
  4. Organize with ease
  5. Global elements
  6. 46 Content elements
  7. Import and Export
  8. Premade layouts
  9. Take less time to load
  10. In-line Editing
  11. Draggable Widths
  12. Customizable UI
  13. Draggable Modules

This Theme is one of the best premium themes.

Do you want to buy this theme? If  yes, then follow this link

Screenshot 9

has some excellent, exciting extra features

  • Highly secure
  • Highly Customizable
  • Highly Responsive
  • Varieties of design

It is a paid WordPress theme suitable for all types of websites.

The theme comes with four categories of built-in demos. Each of these themes covers a wide variety of potential projects. This means that no matter what you have in mind, X more than likely has a design suited to your needs.

provides:

  1. Inline Editing
  2. Dynamic Content
  3. Undo/Redo facility
  4. Customizable Workspace
  5. Custom Fonts
  6. Global Blocks
  7. Nested Content

Regular License price is $59

If you want to buy this theme then follow this link

 

 

 

Best premium WordPress Theme

How to add font awesome icon to Divi theme?

To add font awesome icon to the Divi theme, go to the fontawesome website and copy the link of font awesome style

<link rel="stylesheet"
href="https://use.fontawesome.com/
releases/v5.8.1/css/all.css"

integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf"
crossorigin="anonymous">

Now go to the divi theme options and click on integrate and paste this link to <head> section.

See example in the image 

 

Screenshot 6

Now, go to font awesome website and choose your desired website.

Now, copy the code of an icon and paste it before your text.

For example :

<i class=”fab fa-accessible-icon”></i>

Copy this code and paste it before your text.

See example in the image below:

 

Screenshot 7
icon fontawesome