kabbo508’s gists

Last active June 13, 2023 06:42

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

	/*
	Add Quantity Option to WooCommerce Shop Page
	@ code from https://code.mukto.info
	*/
	add_filter( 'woocommerce_loop_add_to_cart_link', 'mukto_qty_inputs_add_to_cart', 10, 2 );
	function mukto_qty_inputs_add_to_cart( $html, $product ) {
	if ( $product && $product->is_type( 'simple' ) && $product->is_purchasable() && $product->is_in_stock() && ! $product->is_sold_individually() ) {
	$html = '<form action="' . esc_url( $product->add_to_cart_url() ) . '" class="cart" method="post" enctype="multipart/form-data">';
	$html .= woocommerce_quantity_input( array(), $product, false );
	$html .= '<button type="submit" class="button alt">' . esc_html( $product->add_to_cart_text() ) . '</button>';

Last active June 13, 2023 06:43

jQuery code for increment or reduction by “+”, ” -” button click

	/*
	Jquery for for Quantity Plus-Minus Button
	@ code from https://code.mukto.info
	*/
	add_action( 'wp_footer', 'mukto_add_cart_quantity_plus_minus' );
	function mukto_add_cart_quantity_plus_minus() {
	wc_enqueue_js( "

	$(document).on( 'click', 'button.plus, button.minus', function() {

kabbo508 / Add Quantity Plus-Minus Button to the Quantity field

Last active June 13, 2023 06:43

Add Quantity Plus-Minus Button to the Quantity field

	// Add Quantity Plus-Minus Button to WooCommerce Quantity Input

	add_action( 'woocommerce_after_quantity_input_field', 'mukto_display_quantity_plus' );
	function mukto_display_quantity_plus() {
	echo '<button type="button" class="plus">+</button>';
	}
	add_action( 'woocommerce_before_quantity_input_field', 'mukto_display_quantity_minus' );
	function mukto_display_quantity_minus() {
	echo '<button type="button" class="minus">-</button>';
	}

kabbo508 / Add Quantity Field to WooCommerce Shop page

Last active June 13, 2023 06:37

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

	/*
	Add Quantity Option to WooCommerce Shop Page
	@ code from https://code.mukto.info
	*/
	add_filter( 'woocommerce_loop_add_to_cart_link', 'mukto_qty_inputs_add_to_cart', 10, 2 );
	function mukto_qty_inputs_add_to_cart( $html, $product ) {
	if ( $product && $product->is_type( 'simple' ) && $product->is_purchasable() && $product->is_in_stock() && ! $product->is_sold_individually() ) {
	$html = '<form action="' . esc_url( $product->add_to_cart_url() ) . '" class="cart" method="post" enctype="multipart/form-data">';
	$html .= woocommerce_quantity_input( array(), $product, false );
	$html .= '<button type="submit" class="button alt">' . esc_html( $product->add_to_cart_text() ) . '</button>';

kabbo508 / offsetting an html anchor to adjust for fixed header

Last active December 30, 2020 22:33

offsetting an html anchor to adjust for fixed header (*** WORKED - PROVED***)

kabbo508 / gist:813dc5b97b449db87002f95f91dfeaae

Last active September 29, 2020 20:33

Webflow

	/*!
	* Webflow: Front-end site library
	* @license MIT
	* Inline scripts may access the api using an async handler:
	* var Webflow = Webflow \|\| [];
	* Webflow.push(readyFunction);
	*/
	/******/ (function(modules) { // webpackBootstrap
	/******/ // The module cache
	/******/ var installedModules = {};

kabbo508 / How To Upload WebP Files on WordPress For Tumnails

Last active December 30, 2020 22:29

	//** * Enable preview / thumbnail for webp image files.*/
	function webp_is_displayable($result, $path) {
	if ($result === false) {
	$displayable_image_types = array( IMAGETYPE_WEBP );
	$info = @getimagesize( $path );

	if (empty($info)) {
	$result = false;
	} elseif (!in_array($info[2], $displayable_image_types)) {
	$result = false;

kabbo508 / How To Upload WebP Files on WordPress

Created July 18, 2020 21:26

	//** Enable upload for webp image files./
	function webp_upload_mimes($existing_mimes) {
	$existing_mimes['webp'] = 'image/webp';
	return $existing_mimes;
	}
	add_filter('mime_types', 'webp_upload_mimes');

Last active July 18, 2020 21:16

How to make Single Product pages for WooCommerce full width (in Divi, or any theme)

	/* Take out the divider line between content and sidebar for Single WooCommerce Product Pages */
	.single-product #main-content .container:before {background: none;}

	/* Hide Sidebar for Single WooCommerce Product Pages */
	.single-product #sidebar, .single-product #sidebar-secondary {display:none;}

	/* Expand the content area to fullwidth for Single WooCommerce Product Pages */
	@media (min-width: 981px){
	.single-product #left-area, .single-product #primary {
	width: 100%;

kabbo508 / Woocommerce Change Variable" Select Option " text

Created March 27, 2018 22:03

Please put this Script at the your Child Theme function.php file before the " } " symbol at the bottom.

	add_filter( 'woocommerce_product_add_to_cart_text' , 'custom_woocommerce_product_add_to_cart_text' );
	/**
	* custom_woocommerce_template_loop_add_to_cart
	*/
	function custom_woocommerce_product_add_to_cart_text() {
	global $product;

	$product_type = $product->product_type;

	switch ( $product_type ) {

Sumon Rahman Kabbo kabbo508