Documentation

// Disable for a custom product loop
add_filter( 'pbo_use_layout', '__return_false' );

// Your custom product loop here
while ( $products->have_posts() ) {
	// Product display code...
}

// Restore PBO
remove_filter( 'pbo_use_layout', '__return_false' );

add_filter( 'pbo_use_layout', function( $use, $product, $location ) {
	// Disable for product ID 123
	if ( $product->get_id() === 123 ) {
		return false;
	}
	// Disable for all cart locations
	if ( $location === 'cart' ) {
		return false;
	}
	return $use;
}, 10, 3 );

add_filter( 'pbo_available_locations', function( $locations ) {
	$locations['cart'] = [
		'label' => __( 'Cart', 'my-plugin' ),
		'description' => __( 'Cart page item prices', 'my-plugin' ),
	];
	$locations['checkout'] = [
		'label' => __( 'Checkout', 'my-plugin' ),
		'description' => __( 'Checkout page item prices', 'my-plugin' ),
	];
	return $locations;
} );

import { registerRenderer } from '@/components/Canvas/elements';

// Create your custom renderer component
const MyCustomRenderer = ({ element }) => {
	return (
		
			{/* Your custom rendering logic */}
		
	);
};

// Register it with a unique type name
registerRenderer('myCustomElement', MyCustomRenderer);

import { registerPreset } from '@/registry';

registerPreset({
	id: 'my-custom-preset',
	name: 'My Custom Preset',
	description: 'Description of my preset',
	scenario: 'simple', // or 'sale', 'variable_simple', 'variable_sale'
	preview: 'my-custom-preset', // matches image filename
	isAdvanced: true, // places preset in Advanced section
	containerSettings: {
		customCss: '/* Custom CSS */',
		customJs: '// Custom JavaScript'
	},
	elements: [
		{
			type: 'regularPrice',
			position: { x: 100, y: 110 },
			color: '#1f2937',
			typography: { fontSize: 28, fontWeight: 600 },
		},
	],
});

// Use web component mode globally
add_filter( 'pbo_render_mode', fn() => 'web_component' );

// Use web component for variable products only
add_filter( 'pbo_render_mode', function( $mode, $product, $location ) {
	if ( $product->is_type( 'variable' ) ) {
		return 'web_component';
	}
	return $mode;
}, 10, 3 );