FlexSlider “Navigation Arrows” WooCommerce Product Gallery Image Slider

Navigation Arrows Add Navigation Arrows in FlexSlider (v2.7.2) WooCommerce Product Gallery. Requires linking to “Font Awesome 5 Free” CSS file for the Navigation Arrows. Follow How to Use font awesome icons as CSS content code (mainly, Step 1: Load the font awesome CSS file; ignore the brand icons aspect). Place the below PHP code in…

FlexSlider “Dot Pagination” WooCommerce Product Gallery Image Slider

Dot Pagination Use Dots on Mobile and Thumbs on Desktop Add Dot Pagination to FlexSlider (v2.7.2) WooCommerce Product Gallery Image Slider. By default the product gallery navigation uses thumbnails, but this can be swapped to dots by changing the ‘controlNav’ value to true. Place the below PHP code in Code Snippets, and set to Only…

Place WooCommerce Product Title Above Gallery Image on Mobile Only

Goal: Move WooCommerce Product Title to a different part of the Product page when on mobile. The ! is_admin() && is_product() && wp_is_mobile() functions are an if conditional that means only display the WooCommerce Product Title if all 3 of the following conditions are met: NOT in admin AND is a WooCommerce Product page AND…

Vue.js v2 Resources

The initial goal was to override a WordPress plugin’s image slider pagination thumbnails for desktop and mobile. I didn’t even know the plugin was using Vue.js. A lot of learning along the way about Vue instances, components, data, methods, and prototype. Still haven’t yet reached the goal of overriding the plugin’s Vue.js v2 settings, but…

Display WordPress WooCommerce Hooks In Exact Location On Page
|

Display WordPress WooCommerce Hooks In Exact Location On Page

What I’ve been searching for for the past week+ is a way to display the name of a WordPress Hook (actions & filters) on the WooCommerce product page – in their exact location on the page – so I can see how everything is laid out. Like how Google Maps displays business names next to…

WooCommerce Continue Shopping Redirect Link

WooCommerce: Edit “Continue Shopping” Link Redirect by Business Bloomer “Continue Shopping” appears on the Cart page when an item is added to Cart and you have “Redirect to the cart page after successful addition” enabled via the WooCommerce settings. By default, “Continue Shopping” button redirects to the previously visited page – sometimes this makes no…

Migrate WordPress Website & Email to Cloudways; Domain Name to Namecheap

From Cloudways tech support: 1. WordPress Website Migration You can easily migrate your WordPress application manually by using our migrator plugin or you can take advantage of our managed migration service. We provide one free migration on account upgrade from the trial state. In your case, you may consider migrating the WordPress website manually using the plugin…

Kadence Theme – Display 2 Different Menus On Different Pages Using Element Hook, PHP & Plugins

Show Widget Area Using Hooked Element In Kadence Create a PHP function that adds a Widget area to the Kadence “Above All Content” Hook. Step-by-step instructions to register a custom [widget_area] shortcode so it can be used anywhere shortcodes are accepted in WordPress including in Kadence Elements. Add the PHP to site via Code Snippets WordPress plugin Kadence Element…

WP All Import WordPress Plugin – Import to Custom Post Type

Importing items via Excel Spreadsheet into 2 different Custom Post Types (CPT) for a recording studio: Custom Post Type (CPT) name: Music Projects (for Albums) Custom Post Type (CPT) name: Clients (for Artists) WP All Import only allows importing one Excel file into one CPT at a time, so I need to import the same…