From woocommerce-commerce
Customizes WooCommerce storefront via template overrides, hooks for product/cart/checkout display, shortcodes, theme integration, and block themes.
npx claudepluginhub orcaqubits/agentic-commerce-skills-plugins --plugin woocommerce-commerceThis skill is limited to using the following tools:
**Fetch live docs**:
Generates design tokens/docs from CSS/Tailwind/styled-components codebases, audits visual consistency across 10 dimensions, detects AI slop in UI.
Records polished WebM UI demo videos of web apps using Playwright with cursor overlay, natural pacing, and three-phase scripting. Activates for demo, walkthrough, screen recording, or tutorial requests.
Delivers idiomatic Kotlin patterns for null safety, immutability, sealed classes, coroutines, Flows, extensions, DSL builders, and Gradle DSL. Use when writing, reviewing, refactoring, or designing Kotlin code.
Fetch live docs:
site:developer.woocommerce.com template structure for template hierarchysite:developer.wordpress.org themes for WordPress Theme Handbookwoocommerce template override guide for override patternsWooCommerce uses a template override system:
woocommerce/templates/ within the plugin{theme}/woocommerce/{template-path}wc_get_template() and wc_get_template_part() handle the lookup chain{child-theme}/woocommerce/{template}.php{parent-theme}/woocommerce/{template}.phpwoocommerce/templates/{template}.php (plugin default)| Template | Path | Purpose |
|---|---|---|
| Single product | content-single-product.php | Product page layout |
| Product archive | archive-product.php | Shop/category page |
| Product loop item | content-product.php | Product card in loop |
| Cart | cart/cart.php | Cart page |
| Checkout | checkout/form-checkout.php | Checkout form |
| My Account | myaccount/my-account.php | Customer account |
| Emails | emails/*.php | Transactional emails |
wc_get_template_part( 'content', 'product' ) loads content-product.php — used for reusable template fragments.
woocommerce_before_single_product
woocommerce_before_single_product_summary
(product image/gallery)
woocommerce_single_product_summary
woocommerce_template_single_title (5)
woocommerce_template_single_rating (10)
woocommerce_template_single_price (10)
woocommerce_template_single_excerpt (20)
woocommerce_template_single_add_to_cart (30)
woocommerce_template_single_meta (40)
woocommerce_template_single_sharing (50)
woocommerce_after_single_product_summary
woocommerce_output_product_data_tabs (10)
woocommerce_upsell_display (15)
woocommerce_output_related_products (20)
woocommerce_after_single_product
woocommerce_before_shop_loop
woocommerce_before_shop_loop_item
woocommerce_before_shop_loop_item_title
woocommerce_shop_loop_item_title
woocommerce_after_shop_loop_item_title
woocommerce_after_shop_loop_item
woocommerce_after_shop_loop
Enqueue via wp_enqueue_scripts action:
wp_enqueue_style( 'handle', plugin_dir_url(__FILE__) . 'assets/css/style.css', [], '1.0.0' )is_product(), is_cart(), is_checkout(), etc.wp_enqueue_script( 'handle', $url, ['jquery'], '1.0.0', true )wp_localize_script() or wp_add_inline_script()wp_enqueue_script with strategy => 'defer' for performance| Function | Returns true on |
|---|---|
is_shop() | Main shop page |
is_product_category() | Category archive |
is_product_tag() | Tag archive |
is_product() | Single product page |
is_cart() | Cart page |
is_checkout() | Checkout page |
is_account_page() | My Account page |
is_woocommerce() | Any WooCommerce page |
add_action( 'after_setup_theme', function() {
add_theme_support( 'woocommerce' );
add_theme_support( 'wc-product-gallery-zoom' );
add_theme_support( 'wc-product-gallery-lightbox' );
add_theme_support( 'wc-product-gallery-slider' );
});
Full Site Editing themes use:
templates/ and parts/ directories with HTML filestheme.json for global styles and settings{theme}/woocommerce/emails/woocommerce_email_header and woocommerce_email_footer hooksemail-styles.php templateWC_Email@version tag)add_action / add_filter) over template overrides when possiblewc_get_template() in plugins to make templates overridable by themesFetch the WooCommerce template structure docs and theme handbook for exact template paths, hook sequences, and override patterns before implementing.