David Browne wplit

💭

I may be slow to respond.

Sydney WordPress developer. I partner with designers to create cool things with WordPress. I also build plugins for Oxygen, which you can find here.

wplit / footer-scripts.html

Created February 24, 2026 00:20

re-run media functon when core framework changes theme color

	<script>

	document.addEventListener('DOMContentLoaded', () => {

	function reinitializeMediaPlayers() {
	// Re-run the media player initialization function
	if (typeof window.doExtrasMediaPlayer === 'function') {
	window.doExtrasMediaPlayer(document);
	}
	}

wplit / footer-scripts.html

Created February 23, 2026 06:34

force everything outside of open offcanvas to be none-focusable (add to page settings > custom code > footer scripts)

	<script>

	document.addEventListener('DOMContentLoaded', () => {

	function addInertToOutsideElements(offcanvasElement) {
	const offcanvasAncestors = new Set();
	let currentElement = offcanvasElement.parentElement;

	while (currentElement && currentElement !== document.documentElement) {
	offcanvasAncestors.add(currentElement);

wplit / footer-scripts.html

Created February 20, 2026 00:08

find all read more links in slider and collapse when slider changes active slide

	<script>

	document.addEventListener("DOMContentLoaded", () => {

	const sliderSelector = '.my-slider'; /* change to class of slider */

	const sliderElements = document.querySelectorAll(sliderSelector);

	if (sliderElements.length === 0) {
	return;

wplit / footer-scripts.html

Last active February 18, 2026 09:33

reset iframe from previous slide when moving between slides in lightbox

	<script>
	document.addEventListener('DOMContentLoaded', function() {
	setTimeout(function() {
	if (typeof xDynamicLightbox !== 'undefined' && xDynamicLightbox.Instances) {
	Object.keys(xDynamicLightbox.Instances).forEach(function(key) {
	const lightbox = xDynamicLightbox.Instances[key];

	if (lightbox && typeof lightbox.on === 'function') {
	lightbox.on('slide_before_change', ({ prev, current }) => {
	if (prev && prev.slideNode) {

wplit / subtitles.vtt

Created February 7, 2026 04:49

subtitles.vtt

	WEBVTT

	1
	00:00:00.666 --> 00:00:02.416
	Every business starts somewhere

	2
	00:00:02.625 --> 00:00:04.375
	And

wplit / code.php

Last active February 5, 2026 23:01

Add admin column to show favorited count next to each post, change 'product' to any post type

	<?php

	// Array of post types to include the column
	function x_favorite_post_types() {
	return [
	'product' /* product post type */
	];
	}

wplit / code.php

Created February 3, 2026 05:16

add little css notice to bricks components in gutenberg (code snippet)

	<?php

	add_action('enqueue_block_editor_assets', function() {
	wp_add_inline_style('wp-edit-blocks', '
	.wp-block[data-type*="bricks-component"] > div::after,
	.wp-block[data-type*="default/gutenb"] > div::after {

	content: "See additional settings in the sidebar on the right";

wplit / code.php

Last active January 30, 2026 05:55

example code, queuing a toast on WooCommerce' redirect hook

	<?php

	add_filter( 'woocommerce_add_to_cart_redirect', 'show_add_to_cart_toast', 10, 1 );
	function show_add_to_cart_toast( $url ) {

	$product_id = absint( $_REQUEST['add-to-cart'] ?? 0 );

	if ( $product_id ) {

	$product = wc_get_product( $product_id );

wplit / footer-scripts.html

Last active January 26, 2026 00:06

'autoplay' the before/after --x-before-after-position variable until user interaction

	<script>

	document.addEventListener('DOMContentLoaded', () => {

	const element = document.querySelector('.x-before-after'); /* change x-before-after for class of element */


	// Get the slider input
	const slider = element.querySelector('.x-before-after_slider');
	if (!slider) return;

wplit / footer-scripts.html

Created January 22, 2026 21:50

attempt to play player when playlist item clicked

	<script>

	document.addEventListener("DOMContentLoaded", () => {

	const playlists = document.querySelectorAll('.brxe-xmediaplaylist') /* change .brxe-xmediaplaylist for class of playlist element */
	const player = document.querySelector('.brxe-xmediaplayer') /* change .brxe-xmediaplayer for class of media player element */

	playlists.forEach(item => {
	/* when item clicked */
	item.addEventListener('click', () => {