WordPress/WooCommerce plugin development

Create a WordPress plugin from a local setup with a PHP file and snippet, activate it in the admin area, and configure version, description, and localization.

Create a custom WooCommerce settings tab, implement hooks and templates, and save structured pizza data via a plugin option, with nonce verification and optional database table designs.

Build accordions in a WordPress WooCommerce plugin to display grouped data: iterate stored or default data, render group headers with name, image, and content, and enable add/remove controls.

Develop accordions for displaying component data in a WordPress/WooCommerce plugin, with group and component structures, and a header showing name, price, and currency formatting.

Sanitize post data, use wp.media to select images, store image id and size in hidden inputs, and update the display on save in a WordPress WooCommerce plugin.

Develop and manage dynamic groups in a WordPress WooCommerce plugin using wp.template and the template library, creating, duplicating, and deleting group widgets while updating data keys and indices with confirmations.

Develop skills to add and remove components via wp.template, managing group and pizza components, synchronizing indices and IDs, and ensuring seamless dynamic updates in WordPress/WooCommerce plugins.

Learn to ensure unique component ids when adding and adjusting components, handle id reassignment on removal, and fix image display by using image id in a WordPress WooCommerce plugin workflow.

Create a product type for WordPress/WooCommerce with the product type selector hook, build a pizza product class, and enable product type options with a checkbox for simple and variable products.

Design and implement base and extra component displays on the product page, using a grouped select with opt group and components, wired through select2 and WooCommerce settings.

Store and manage base and extra component data for WordPress/WooCommerce products, detaching components from groups and persisting the structure to the database.

Learn how to save the selected pizza or dish type to the database in a WordPress/WooCommerce plugin, toggle the enabled state, and reflect the chosen option on page refresh.

Display chosen base components for a pizza base in a WordPress/WooCommerce plugin, adjusting fields to price, weight, and visible/required flags, then map and save via remap logic.

Explore building base and extra components using wp.template, wire events for dynamic rendering, and render pizza components with data-driven templates, including price formatting and currency handling.

Build a WordPress/WooCommerce plugin feature that uses group components to manage pizza sites, floors, and dish meta values with checkbox selection, post requests, and component removal.

Learn to create and render site components for a WordPress WooCommerce plugin, load default components with a function, and control their display with checkbox-driven visibility.

Create a dynamic WooCommerce products select component to fetch and filter products by name or attributes, storing the chosen product ID with a placeholder and responsive user interface.

Create a function to display dish-type tab components in a WordPress WooCommerce plugin. Flatten and map post meta data to groups and components on the product page.

Display custom components on the WooCommerce product page by injecting them into the product form through actions and templates, using a pizza display.

Build a component-driven front end to display product meta data on a WooCommerce page, enabling conditional display and a dynamic quantity input with templates and styles.

Implement front-end interactivity on a woocommerce product page by adding a dedicated JavaScript file to manage quantity inputs, buttons, and ingredient components, including add/remove actions, visibility toggling, and ripple effects.

Add custom data to the WooCommerce cart by hooking into WC_Cart and using the cart item data hook and filter to attach metadata, including a pizza config, to cart items.

Update the product price in the WooCommerce cart by calculating totals and applying a new price using cart objects, item loops, and metadata.

Learn to update prices on a WooCommerce product page with a WordPress plugin approach, using data attributes and component-based JavaScript to recalculate totals as quantities change.

Develop a price-refresh function to update the woocommerce product page, handle the currency symbol, expose the update via window, and verify it with console tests.

Implement dynamic add and remove of base components for a product, using a hidden input, per-component IDs, and a boolean array updated by JavaScript, including required components state.

Enable a checkbox to dynamically adjust a pizza product price by summing base price and component prices, then display the updated price in WooCommerce with currency formatting.

Implement dynamic pricing in a WordPress WooCommerce plugin by enabling removal of base components and substrate access, recalculating the total price in JavaScript, and updating cart totals for product variations.

Use the cart contents hook to fetch session cart items, update menu card prices (like Coke), and apply pizza-based logic so the mini cart updates correctly.

Implement and display floors products using blocks, configure a popup with fancybox, build PSP templates, and bind product data with placeholders for floor selection.

Learn to update the floor's total price in a WordPress WooCommerce plugin by refreshing the price in the page and popup with JavaScript, honoring admin enabled settings.

Select products from the left to display on the right, update the key and price, and store selections as json to prepare templating by tracking product ids and positions.

Create a webpage template for selecting floors products in a WordPress/WooCommerce plugin, binding product data (image, title, price) to the dom and formatting currency via JavaScript.

Implement removal-driven templating for floor products in a WordPress/WooCommerce plugin, using dynamic placeholders and JS to update indices and recalculate prices after changes.

Open a modal, select a pizza, and add it to the cart by assembling product data, then calculate and update cart totals on the cart and mini cart pages.

Learn to manage sides components in a WordPress/WooCommerce plugin workflow, including initializing the sites block, adapting components, and mapping product IDs, images, and prices for dynamic side selections.

Implement side components pricing in WordPress/WooCommerce plugins by enabling selected sides, calculating component prices, and updating cart and checkout totals to display accurate prices.

Fixes pizza type component behavior on the product page and includes base components in price when enabled, with a restaurants flag. Reorganizes component structures and enables tops with background images.

Learn to calculate and update dish type component prices in a WordPress/WooCommerce plugin, including adding components to cart, syncing totals, and ensuring checkout reflects changes.

Develop and debug a dish-type components system in a WordPress/WooCommerce plugin, building group relationships, navigation logic, and stop keys. Update pricing and add-to-cart flows through front-end and admin controls.

Explore displaying cart item data on the cart page in WordPress WooCommerce plugin development. Use hooks to format and show pizza-type metadata in a popup or fancy box.

Extract cart items, prepare product data, and pass item data to templates to display cart data on the cart page with interactive elements like popups.

Implement display of pizza type metadata on the checkout page by hooking into the cart item data, retrieving the key from the pizza cart, and rendering on checkout.

Learn to save and display custom metadata for WooCommerce order items by using hooks, adding metadata during checkout, and retrieving it for presentation after order placement.

Use WooCommerce hooks to display order item meta data on the thank you page by retrieving meta data from the database and adjusting display keys.

Learn to display order item meta data in the WordPress admin orders page by reusing existing methods and hooking them into the admin screen.

Learn to customize the price HTML for a variable product in a WordPress WooCommerce plugin by editing the price display logic, handling price ranges, and aligning with variable product data.

Learn to customize variation product prices in WordPress WooCommerce by hooking into the add-to-cart area, accessing available variations, and displaying the correct price and regular price.

Learn how to wire a variable product in WooCommerce by handling the show variation event with JavaScript, updating price and regular price when a variation is selected.

Rebuild the javascript logic for variable product prices in a WooCommerce plugin, handling sale prices by passing price and regular price and updating as variations are chosen.

Explore woocommerce js events in a variable product and how to hide the variation hook. Block add-to-cart until a variation is selected, using calculate logic and delays to test behavior.

Implement slim scroll for pizza component lists, connect the library, and initialize scrolls for site components and product meta data; handle dynamic heights and validate navigation buttons.

Activate slick js to create a responsive carousel slider that adapts to screen size, turning the ingredient list into a sleek front-end display.

Learn to combine slimscroll and slick to adapt a WordPress/WooCommerce product carousel across screen sizes, optimizing mobile layouts and bottom versus top placement with scrollable heights.

Enable tips functionality in a WordPress/WooCommerce plugin using tippy.js, adding a front-end checkbox, saving options, and displaying dynamic tips with the library.