Code with Mukto - Essential Code Snippet For Web Developers

Code with Mukto

Essential Code Snippet For Web Developers

This is not a good idea to write all code from scratch & it makes the development time longer. That is why I put all my most valuable and complex code here so I can reuse it and at the same time other developers can.

Top Code Snippets

WordPress Ajax Search without plugin [ Easy ]

WordPress Ajax Search without plugin. Fully custom code work with woocommerce as well

View code - data-lazy-src="https://code.mukto.info/wp-content/themes/mukto/assets/img/arrow.svg"><noscript><img width="11" height="10"
                                src=

File manager for any website

You can install a File manager for any website you are working on. It simple file manager PHP script that made by Tiny File Manager

View code - data-lazy-src="https://code.mukto.info/wp-content/themes/mukto/assets/img/arrow.svg"><noscript><img width="11" height="10"
                                src=

WooCommerce Ajax Product Search and Category Filter Without Plugin

WooCommerce Ajax Product Search with Category Filter. Simple code, without any plugin.

View code - data-lazy-src="https://code.mukto.info/wp-content/themes/mukto/assets/img/arrow.svg"><noscript><img width="11" height="10"
                                src=

Cookie Popup with jQuery

Browser cookies popup accept, store cookies in browser with jQuery

View code - data-lazy-src="https://code.mukto.info/wp-content/themes/mukto/assets/img/arrow.svg"><noscript><img width="11" height="10"
                                src=

Easy ACF repeater Bootstrap accordion in WordPress

FAQ collapse design with ACF repeater Bootstrap accordion

View code - data-lazy-src="https://code.mukto.info/wp-content/themes/mukto/assets/img/arrow.svg"><noscript><img width="11" height="10"
                                src=

WordPress category or taxonomy list

WordPress custom taxonomy term list with function and loop. show taxonomy team on wp query loop

View code - data-lazy-src="https://code.mukto.info/wp-content/themes/mukto/assets/img/arrow.svg"><noscript><img width="11" height="10"
                                src=

Simple jQuery Accordion Collapse

Custom coded Simple jQuery Accordion with toggle arrow. No need extra plugin or fremwork like bootstrap

View code - data-lazy-src="https://code.mukto.info/wp-content/themes/mukto/assets/img/arrow.svg"><noscript><img width="11" height="10"
                                src=

Filter custom post type by Custom Field (ACF) in the admin area

Show filter on custom post type admin area with custom field value

View code - data-lazy-src="https://code.mukto.info/wp-content/themes/mukto/assets/img/arrow.svg"><noscript><img width="11" height="10"
                                src=

Sticky Menu Show when scrolling up

Header bar only show when scrolling up with simple jQuery and CSS trick.

View code - data-lazy-src="https://code.mukto.info/wp-content/themes/mukto/assets/img/arrow.svg"><noscript><img width="11" height="10"
                                src=

Elementor text editor Typography Issue [solution]

Elementor text editor Typography Issue [solution] Font size, color, line height issue fixed

View code - data-lazy-src="https://code.mukto.info/wp-content/themes/mukto/assets/img/arrow.svg"><noscript><img width="11" height="10"
                                src=

Advanced Custom Fields code snippet

Advance custom field Link Field, Flexible content Field, Gallery and tricks code snippet

View code - data-lazy-src="https://code.mukto.info/wp-content/themes/mukto/assets/img/arrow.svg"><noscript><img width="11" height="10"
                                src=

WooCommerce Checkout Conflict with Bootstrap 4.x

WooCommerce Checkout Conflict with Bootstrap 4.x. simple small code can fix this issue

View code - data-lazy-src="https://code.mukto.info/wp-content/themes/mukto/assets/img/arrow.svg"><noscript><img width="11" height="10"
                                src=

New Code Snippets

Implementing WooCommerce Shop Page Quantity Input and Plus (+) Minus (-) Button with simple Code

Enhance the user experience on your WooCommerce website by adding quantity plus minus buttons and a quantity option on the shop page.

View code - data-lazy-src="https://code.mukto.info/wp-content/themes/mukto/assets/img/arrow.svg"><noscript><img width="11" height="10"
                                src=

Allow Only Business Email Addresses in the Email Field of Elementor Forms

Accept submissions from Business emails on Elementor Forms

View code - data-lazy-src="https://code.mukto.info/wp-content/themes/mukto/assets/img/arrow.svg"><noscript><img width="11" height="10"
                                src=

Change WordPress URL in Database with phpMyAdmin and SQL query

Replace WordPress old URL to new URL with SQL Query

View code - data-lazy-src="https://code.mukto.info/wp-content/themes/mukto/assets/img/arrow.svg"><noscript><img width="11" height="10"
                                src=

Add an additional custom checkbox in the WooCommerce checkout

Add an additional custom checkbox after the terms and conditions in WooCommerce checkout we can use WooCommerce

View code - data-lazy-src="https://code.mukto.info/wp-content/themes/mukto/assets/img/arrow.svg"><noscript><img width="11" height="10"
                                src=

WooCommerce Ajax Product Search and Category Filter Without Plugin

WooCommerce Ajax Product Search with Category Filter. Simple code, without any plugin.

View code - data-lazy-src="https://code.mukto.info/wp-content/themes/mukto/assets/img/arrow.svg"><noscript><img width="11" height="10"
                                src=

Replace add to cart button with the product page link & Change add to cart text

`Replace add to cart button with product single linked to product page on shop pages in WooCommerce 3

View code - data-lazy-src="https://code.mukto.info/wp-content/themes/mukto/assets/img/arrow.svg"><noscript><img width="11" height="10"
                                src=

WooCommerce Discount based on Cart Item

A discount on the total order with condition based on our cart item

View code - data-lazy-src="https://code.mukto.info/wp-content/themes/mukto/assets/img/arrow.svg"><noscript><img width="11" height="10"
                                src=

Update WooCommerce Delivery cost with condition

Change Delivery price base on what item in cart

View code - data-lazy-src="https://code.mukto.info/wp-content/themes/mukto/assets/img/arrow.svg"><noscript><img width="11" height="10"
                                src=

JS set interval for an event until element show

Sometimes we need to active an event when a specific element loads on-page or part of an element change.

View code - data-lazy-src="https://code.mukto.info/wp-content/themes/mukto/assets/img/arrow.svg"><noscript><img width="11" height="10"
                                src=

Animated jQuery Counter Up with the Intersection Observer API

Learn how to create a simple counter animation using HTML, CSS, and JavaScript in this tutorial.

View code - data-lazy-src="https://code.mukto.info/wp-content/themes/mukto/assets/img/arrow.svg"><noscript><img width="11" height="10"
                                src=

JS fetch post API Data in 5 min simple way

js fetch post API is very simple way. some line of Javascript code and boom.

View code - data-lazy-src="https://code.mukto.info/wp-content/themes/mukto/assets/img/arrow.svg"><noscript><img width="11" height="10"
                                src=

Simple jQuery Accordion Collapse

Custom coded Simple jQuery Accordion with toggle arrow. No need extra plugin or fremwork like bootstrap

View code - data-lazy-src="https://code.mukto.info/wp-content/themes/mukto/assets/img/arrow.svg"><noscript><img width="11" height="10"
                                src=

Add Custom element item in wp nav menu

Add Element on last item of wp nav menu

View code - data-lazy-src="https://code.mukto.info/wp-content/themes/mukto/assets/img/arrow.svg"><noscript><img width="11" height="10"
                                src=

Conditional statement to show pagination

Conditional statement to show pagination on WordPress archive or blog page

View code - data-lazy-src="https://code.mukto.info/wp-content/themes/mukto/assets/img/arrow.svg"><noscript><img width="11" height="10"
                                src=
top