Migrate legacy WooCommerce core styles • POM

Skip to main content

Cloud Software

Pomatio ↗︎

Fenómenus ↗︎

Software VER TODO→

POM Theme

POM AI

POM Tweaks

POM Translate

POM LMS

POM Events

POM Caché

Servicios VER TODO →

Desarrollo web

Desarrollo IA

Desarrollo Plugins WP

Tripulación
Blog
Para agencias
Soporte
Contacto

T | 943 96 95 96.
E | info@pom.es

C/ Portuetxe 61, 3ºB. Edificio Bonea
20018 Donostia – San Sebastián, Gipuzkoa

Inicio - Documentación - POM - Developer resources - Command-line tools - Migrate legacy WooCommerce core styles

Browse documentation

POM documentation

Content types and fields

Build structured content
Decide when to create a custom content model
Plan a content model before building
Create a custom post type
Create a custom taxonomy
Create reusable custom fields
Build reusable database query presets
Control custom post type visibility with permission rules
Connect post types and taxonomies
Change an established content model safely
Configure custom post type URLs
Place taxonomy archives below a page
Place single entries below taxonomy terms

Create a consistent design system
Turn a design into reusable POM settings
Configure brand identity and social profiles
Create and maintain the global color palette
Configure global typography
Configure reusable button styles
Create and use SVG icon libraries
Use spacing controls consistently
Understand responsive ranges and fluid typography
Configure shared component styles
Design system overview
Global styles reference

Developer resources

POM Theme for developers
Supported extension points and compatibility rules
Sanitization, escaping, and capability requirements
Performance requirements for POM extensions
Read POM theme settings safely
Work with builder data safely
Use color and icon helpers
Use image and lazy-loading helpers
Use button and pagination helpers
Use term and content helpers
Evaluate POM permission rules
Check compatible integrations
Use sidebar and social helpers
Load assets only where they are needed

Command-line tools

Supported WP-CLI commands
Audit feed-template usage
Migrate legacy WooCommerce core styles
Regenerate Page Builder media references
Migrate font-size, gap and spacing helpers together
Migrate legacy font-size helpers
Migrate legacy gap helpers
Migrate margin and padding helpers

POM CSS helpers
Spacing and gap helpers
Grid and Bootstrap column helpers
Display and visibility helpers
Alignment helpers
Responsive helper variants

Custom content models

Content-model integrations
Register structured content programmatically

Dynamic merge tags

Merge tags for developers
Archive template merge-tag contract
Feed template merge-tag contract
Single template merge-tag contract

Forms with code

Create forms programmatically
Add programmatic form actions
Define form fields programmatically
Choose between a saved and programmatic form
Render and submit programmatic forms
Add programmatic form validation

Progressive archive loading

Progressive archive behavior
Progressive archive loading

Styles and scripts

Generated and conditional assets
Generated styles and scripts
Use the shared searchable select

Template development

Template integrations
Register templates programmatically
Add code-owned output to a POM template

Faceted search and filters

Faceted Search
Faceted Search overview
Faceted Search concepts
Build your first faceted search
Create a filterable listing
Choose the content and query source
Connect facets to content fields
Choose the right facet type
Facets and data sources
Design a results template
Results and controls
Add sorting and pagination
Design empty, loading, and error states
Use shareable filtered URLs
Design filters for mobile
Build accessible faceted search
Optimize complex faceted search
Debug one facet
Faceted Search troubleshooting
Build maps and proximity search
Build a Search Gateway
Configure native WordPress search
Migrate Finder content to Faceted Search

Practical examples

Faceted Search recipes
Build a searchable directory
Build a filterable product catalog
Build a resource library

Build and operate POM Forms
Tour the POM Forms builder
Understand form structure and actions
Build a minimal test form
Create your first form
Form field reference
Configure required fields and validation
Show, hide, or require fields conditionally
Send conditional email notifications
Store and review form submissions
Build privacy-aware forms
Build an accessible form
Protect a public form with reCAPTCHA
Configure success, error, and validation feedback
Fields, layout, and conditional logic
Accept local file and audio uploads
Diagnose a failing form from the outside in
Send POM Forms uploads to Google Drive
Forms integrations and automation
Insert submitted values with merge tags
Multi-step forms and submission behavior
Build a multi-step form
Notifications, submissions, and retention
Resolve common POM Forms problems
Send form data to a webhook

Practical examples

Build common form workflows
Create a contact form
Create a focused lead form
Create a multi-step application form
Collect interest in an event
Collect inputs for an external calculation

Getting started

Get started with POM Theme
Install and update POM Theme
Connect the POM Theme license
Tour a POM Theme site from settings to frontend
Understand what owns each part of a POM site
Find the major POM Theme interfaces
Choose your POM Theme learning path
Configure and review your first POM site
Complete POM Theme documentation map
Review a POM Theme site before launch

Help and troubleshooting

POM Theme help
Builder content is missing
A responsive layout looks wrong
A setting does not change the page
Generated CSS appears stale
A dynamic template is not being used
A merge tag returns an empty value
Facets return unexpected results
A form does not submit
Information to collect before contacting support

Build pages with POM
Page Builder overview
Build your first page
Rows, columns, and components
Save, update, preview, and publish
Tour the POM Page Builder interface
Style native Gutenberg paragraphs
Style native Gutenberg headings
Style native Gutenberg lists
Add a theme icon in Gutenberg
Add a theme button in Gutenberg
Add a live library image in Gutenberg
Build a gallery in Gutenberg
Build a content carousel in Gutenberg
Build an accordion in Gutenberg
Choose between the Backend Editor and Frontend Editor
Backend Editor controls
Add, move, duplicate, and delete content
Edit component settings
Rows, columns, spacing, and responsive design
Use device visibility
Control spacing and alignment
Use CSS classes and identifiers safely
Build reusable page patterns
Add an Advanced map
Review a builder page for accessibility
Review a builder page for performance
Troubleshoot the builder interface
Troubleshoot the published page
Use POM shortcodes in Gutenberg

Practical examples

Site-building recipes
Build a brochure site
Build a conversion-focused landing page
Build a structured content directory
Build a dynamic archive and single template
Build permission-restricted content
Build a complete WooCommerce storefront
Run a complete responsive review
Set up Google tags and Tag Manager

Shortcodes
Choose the right shortcode
Understand settings shared by POM shortcodes
Nest and combine shortcodes safely
Configure shortcode behavior by device
Use POM shortcodes accessibly
Use data-heavy shortcodes efficiently
Troubleshoot shortcode output

Shortcode reference

Element and shortcode reference
`vc_column` Shortcode
`vc_column_inner` Shortcode
`vc_column_text` Shortcode
`vc_raw_html` Shortcode
`vc_row` Shortcode
`vc_row_inner` Shortcode
`vc_tta_section` Shortcode
`vc_widget_sidebar` Shortcode
`web_a_z_feed` Shortcode
`web_blockquote` Shortcode
`web_breadcrumbs` Shortcode
`web_button` Shortcode
`web_chart` Shortcode
`web_code_block` Shortcode
`web_cookies_info_table` Shortcode
`web_counter` Shortcode
`web_favorite_posts` Shortcode
`web_gap` Shortcode
`web_icon` Shortcode
`web_iframe` Shortcode
`web_line` Shortcode
`web_logo` Shortcode
`web_menu` Shortcode
`web_page_content` Shortcode
`web_post_tax_terms` Shortcode
`web_progress_bar` Shortcode
`web_script` Shortcode
`web_separator` Shortcode
`web_share` Shortcode
`web_social_icons` Shortcode
`web_table_of_contents` Shortcode
`web_taxonomy_terms_list` Shortcode
`web_taxonomy_terms_thumbnails` Shortcode
`web_testimonial` Shortcode
`web_timeline` Shortcode
`web_title` Shortcode
`web_user_details` Shortcode
`web_accordion` Shortcode
`web_accordion_content` Shortcode
`web_carousel` Shortcode
`web_carousel_content` Shortcode
`web_carousel_feed` Shortcode
`web_countdown` Shortcode
`web_infography_spot` Shortcode
`web_interactive_infography` Shortcode
`web_modal` Shortcode
`web_modal_content` Shortcode
`web_notification` Shortcode
`web_offcanvas` Shortcode
`web_offcanvas_content` Shortcode
`web_parallax_layer` Shortcode
`web_parallax_layer_html` Shortcode
`web_parallax_layer_text` Shortcode
`web_parallax_scene` Shortcode
`web_pricing_list` Shortcode
`web_pricing_list_item` Shortcode
`web_slide` Shortcode
`web_slider` Shortcode
`web_tabs` Shortcode
`web_tabs_content` Shortcode
`web_typed_text` Shortcode
`audio_item` Shortcode
`audio_playlist` Shortcode
`web_360_image` Shortcode
`web_gallery` Shortcode
`web_image` Shortcode
`web_image_comparer` Shortcode
`web_instagram` Shortcode
`web_scroll_triggered_image_sequence` Shortcode
`web_scroll_triggered_image_sequence_text` Shortcode
`web_video` Shortcode
`web_finder` Shortcode
`web_finder_column` Shortcode
`web_finder_content` Shortcode
`web_finder_content_author_field` Shortcode
`web_finder_content_date_field` Shortcode
`web_finder_content_map_field` Shortcode
`web_finder_content_meta_key_field` Shortcode
`web_finder_content_order_field` Shortcode
`web_finder_content_orderby_field` Shortcode
`web_finder_content_post_type_field` Shortcode
`web_finder_content_post_type_field_field` Shortcode
`web_finder_content_posts_per_page_field` Shortcode
`web_finder_content_reset_field` Shortcode
`web_finder_content_results_field` Shortcode
`web_finder_content_search_field` Shortcode
`web_finder_content_submit_field` Shortcode
`web_finder_content_taxonomy_field` Shortcode
`web_finder_row` Shortcode
`web_fsearch_counts` Shortcode
`web_fsearch_facet` Shortcode
`web_fsearch_pager` Shortcode
`web_fsearch_per_page` Shortcode
`web_fsearch_reset` Shortcode
`web_fsearch_selections` Shortcode
`web_fsearch_selections_count` Shortcode
`web_fsearch_sort` Shortcode
`web_fsearch_submit` Shortcode
`web_listings` Shortcode
`web_search_gateway` Shortcode
`web_gmap` Shortcode
`web_gmap_dynamic_route` Shortcode
`web_gmap_marker` Shortcode
`web_gmap_route` Shortcode
`web_map_feed` Shortcode
`web_edit_user_form` Shortcode
`web_form` Shortcode
Login Form shortcode
`web_registration_form` Shortcode
`pom_wc_advanced_filters` Shortcode
`web_bookings_calendar_feed` Shortcode
`web_bookings_finder` Shortcode
`web_previously_purchased` Shortcode
`web_shipping_calculator` Shortcode
`web_wishlist` Shortcode
`web_adsense` Shortcode
`web_fullcalendar` Shortcode
`web_summarize_with_ai` Shortcode

Configure the site layout
How POM Theme composes the site frame
Site width and containers
Build a complete site header
Plan and configure subheaders
Configure breadcrumbs by content type
Create and assign sidebars
Build a footer from widget rows
Configure the floating contact dock
Review responsive layout behavior
Header settings reference
Configure the desktop header
Control sticky and transparent header behavior
Configure mobile navigation
Footer settings reference

Templates
Understand the template system
Build an archive template
Archive templates
Archive template merge tags
Build a feed template
Feed templates
Feed template merge tags
Build a single template
Single templates
Single template merge tags
Understand template assignment priority
Format merge-tag attributes
Handle empty values and fallbacks
Choose representative preview content
Set up the blog
Troubleshoot a dynamic template

WooCommerce integration

WooCommerce
Configure a POM storefront from start to finish
Understand storefront and product settings
Configure product archives
Configure single product pages
Configure the cart
Configure checkout
Configure My Account
Review the store on every device
Review storefront performance
Plan useful product filters
Configure Advanced Filters
Configure store promotions and notices
Configure the product request information button
Configure the in-stock waitlist
Configure wishlists
Configure gift vouchers

Migrate margin and padding helpers

Audit feed-template usage

On this page

More about POM

Discover POM (info page)Get a POM license POM changelog

Tripulación
Blog
Para agencias
Soporte
Contacto

POM Theme

POM AI

POM Tweaks

POM Translate

POM LMS

POM Events

POM Caché

T | 943 96 95 96.
E | info@pom.es

C/ Portuetxe 61, 3ºB. Edificio Bonea
20018 Donostia – San Sebastián, Gipuzkoa

© POM Design & Development S.L. All rights reserved. Web credits.