Open in app

Sign In

Write

Sign In

Vali
Vali

1 Follower

Home

About

Jan 18

Keep Elementor Tabs widget Title in Mobile like Desktop

There are times when one wants to have the Elementor Tabs widget to keep displaying as tabs on mobile instead of switching to an accordion. This tutorial will show you how to do so. Note that if you want all of your tabs to behave this way, then do NOT add the CSS ID in the Advanced tab on the Tabs widget and remove the x-tabs from the provided CSS below: /** * @snippet Keep Elementor Tabs widget Titles horizontal in Mobile * @author Vali Valiyev * @compatible WordPress 6 & Elementor * @hire https://linktr.ee/vvalisoy */ @media (min-width: 320px) { #x-tabs .elementor-tabs-wrapper { display: flex; flex-direction: row; } } @media (min-width: 320px) { #x-tabs .elementor-tab-mobile-title { display: none; } }

Elementor

1 min read

Keep Elementor Tabs widget Title in Mobile like Desktop
Keep Elementor Tabs widget Title in Mobile like Desktop
Elementor

1 min read


Nov 22, 2022

How To Hide A WordPress Plugin From Plugin List

I was recently working on a client site, which required me to create a custom plugin for his website. I wanted to hide the plugin from the user, as he was a beginner and the plugin contained some sensitive functions to run his website. Sometimes, when your client hires you…

WordPress

2 min read

WordPress

2 min read


Nov 21, 2022

WooCommerce: Remove / Edit “Added to Your Cart” Message

A client asked me to completely remove the message that appears after you add a product to the cart from the product page. This is simply done by using a PHP snippet, so here’s the quick fix for you! PHP Snippet #1: Remove “X has been added to your cart” Message /** * @snippet Display Variation SKUs @ WooCommerce Product Admin * @author Vali Valiyev * @testedwith WooCommerce 6 * @hire linktr.ee/vvalisoy */ add_filter( 'wc_add_to_cart_message_html', '__return_null' );

Woocommerce

1 min read

WooCommerce: Remove / Edit “Added to Your Cart” Message
WooCommerce: Remove / Edit “Added to Your Cart” Message
Woocommerce

1 min read


Nov 20, 2022

WooCommerce: Display Selected Variation Info (price, weight, etc.) @ Single Product Page

We already saw how to get the “Variation ID” from the single product page once product attributes dropdown are selected. In that tutorial, we ran a jQuery “change” event once “input.variation_id” got updated. However, that only gives us access to the variation ID. What if I need to read the…

WordPress

2 min read

WooCommerce: Display Selected Variation Info (price, weight, etc.) @ Single Product Page
WooCommerce: Display Selected Variation Info (price, weight, etc.) @ Single Product Page
WordPress

2 min read


Nov 20, 2022

WooCommerce: Display Variations’ SKU @ Product Admin

I find it quite annoying that variable products display an empty SKU cell in the WordPress > Products admin page even if their variations may have one available. Today, we go fix that. With this simple snippet, your variable products will display the SKU of each variation, and if there…

Sku

1 min read

WooCommerce: Display Variations’ SKU @ Product Admin
WooCommerce: Display Variations’ SKU @ Product Admin
Sku

1 min read


Nov 19, 2022

WooCommerce: Dynamically Update Variable Product Attributes @ Single Product

If you’re familiar with WooCommerce variable products, variations are generated from product attribute terms (color: yellow & size: large for example). All possible attribute terms are displayed in the “Additional Information” tab of the single product page, so that the customer has an idea of all the possible product options. …

Woocommerce

2 min read

WooCommerce: Dynamically Update Variable Product Attributes @ Single Product
WooCommerce: Dynamically Update Variable Product Attributes @ Single Product
Woocommerce

2 min read


Nov 17, 2022

WooCommerce: Automatically Cancel Orders

You may wondering — “but I can already do that from the WooCommerce settings!“. Yes, that’s correct; go to WooCommerce Settings > Products > Inventory and set the “Hold Stock Minutes” value. …

Programming

2 min read

WooCommerce: Automatically Cancel Orders
WooCommerce: Automatically Cancel Orders
Programming

2 min read


Nov 17, 2022

WooCommerce: Edit Add to Cart Default, Min, Max & Step Product Quantity

Yes, there are many plugins that already achieve this. But my goal at wordpress is to save you from plugin conflicts, delicate updates and to make you learn some PHP. So, here’s how you can add, with a few lines of PHP, a minimum, maximum, increment and default value to…

Woocommerce

2 min read

WooCommerce: Edit Add to Cart Default, Min, Max & Step Product Quantity
WooCommerce: Edit Add to Cart Default, Min, Max & Step Product Quantity
Woocommerce

2 min read


Nov 16, 2022

WooCommerce: Add to Cart Quantity Suffix

On a default WooCommerce install, we add X products to cart by defining the add to cart quantity on the single product page. But what if your shop sells spices? It’s likely that those quantities are actually pounds / kilograms / or whatever weight unit you require. And what if…

WordPress

1 min read

WooCommerce: Add to Cart Quantity Suffix
WooCommerce: Add to Cart Quantity Suffix
WordPress

1 min read

Vali

Vali

1 Follower

Web Dev & Designer, Traveler

Help

Status

Writers

Blog

Careers

Privacy

Terms

About

Text to speech