Speed Up WooCommerce – Resources

Most caching and CDN info revolves around WordPress but not WordPress + WooCommerce. Standard caching applies to Javascript, CSS, and images, while HTML caching (also called full page caching) caches the entire page. When it comes to HTML caching/full page caching, WooCommerce pages and WooCommerce cookies must be bypassed/excluded. Cloudflare, for instance, uses Page Rules…

[Solution] GeneratePress GP Premium Plugin Breaks Apple Pay Button on WooCommerce Single Product Page

[Solution] GeneratePress GP Premium Plugin Breaks Apple Pay Button on WooCommerce Single Product Page

Problem: The Apple Pay button is missing/broken/hidden on the WooCommerce Single Product Page (but it is displaying properly on WooCommerce Cart and Checkout pages). After deactivating all of the WordPress site’s plugins, I narrowed down the problem to GeneratePress’s GP Premium plugin (which is awesome, by the way!). Note: This post is specifically geared toward…

Designing & Optimizing Preview Images for Social Media Sharing

Three examples of Bitcoin t-shirt “preview” images for when WooCommerce products are shared on social media. Yoast SEO‘s WordPress plugin makes these images easy to attach to each product. Model t-shirt mockups (with transparent background) generated with Printful‘s Design Maker. Layout using Affinity Designer. Final designs exported from Affinity Designer to JPEG format with Quality…

Redesigning 15 Year Old Website – Inspired Amateur Productions

Music recording studio website gets a face-lift! This included new discography features that linked artists with their albums, and linked recording engineers and producers with the albums they worked on. Old Website Old specs for 2008 New Website New specs for 2022 Check out the new site: Tom Gordon’s Inspired Amateur Productions & Imirage Sound…

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…

Bitcoin Payments In WooCommerce Store

OpenNode allows you to accept Bitcoin payments on your WooCommerce store. From OpenNode’s site: How does OpenNode work with WooCommerce: OpenNode integrates with WooCommerce with a simple plugin that gives any WooCommerce the ability to accept Bitcoin payments. With a no-code integration, any WooCommerce business can accept Bitcoin payments on the Lightning Network using OpenNode….

WordPress Dropdown Select Menu of Custom Post Titles Associated with Custom Taxonomy Terms

WordPress Dropdown Select Menu of Custom Post Titles Associated with Custom Taxonomy Terms

Creating a dropdown select menu that lists only Custom Posts associated with the Custom Taxonomy Term “National Clients” Custom Post Type: client (this is the slug) Custom Taxonomy: client_status (this is the slug) Custom Taxonomy Term: national-clients (this is the slug) Front-end view of dropdown select menu for custom taxonomy term posts A breakdown of…

Learning PHP for WordPress

PHP for Beginners: Starting on Backend WordPress Development – WP Shout PHP 101: Gentle Introduction to WordPress Programming – Know The Code WordPress Template Tags: How They Show Post Content & More (eg: the_title vs get_the_title) – WP Shout Intermediate WP_Query Arguments – Bill Erickson Customizing the WordPress Query with pre_get_posts – Bill Erickson Custom…

AMP and WooCommerce

AMP and WooCommerce

AMP (Accelerated Mobile Pages) & WooCommerce Problem: On mobile, WooCommerce product page kept refreshing and never fully loaded. Answer: “WooCommerce is not yet AMP-compatible. The quickest way to resolve this is to disable the “Product” post type from being enabled in the AMP plugin.” (source, April 15, 2020) From AMP plugin support (July 21, 2021)…