Plattio Search

Plattio Search provides an icon-based slide-out search or a permanently visible search bar with live WooCommerce product results.

Highlights:

• Live product search with product image, title and price.
• SKU, product-title, category and fuzzy fallback matching.
• Optional add-to-cart and quantity controls for simple products.
• Manual category/product suggestions or personalized recent/popular suggestions.
• Search statistics under WooCommerce settings.
• Results rendered in a body-level portal to avoid clipping by headers and page builders.
• Keyboard navigation and an accessible live-result region.
• Bundled translations for 32 WordPress locales.
• RTL styling for both the frontend and WooCommerce administration screens.

The result panel and suggestion keywords remain hidden until the visitor actively engages the search input by clicking/tapping it or starts typing after keyboard focus. Merely opening the icon, focusing during an animation, resizing the window or triggering another page interaction does not reveal the panel.

Usage

Add this shortcode in a header builder, block, widget or content area:

[plattio_search]

Default icon setup:

[plattio_search display="icon" placeholder="Søk via varenummer eller varenavn..." post_type="product" width="520px" icon_color="#000000" icon_hover_color="#0e3f3f" primary_color="#0e3f3f" icon_size="25px" button_size="38px" height="44px" border_radius="10px" close_button="yes" close_color="rgba(7,35,32,0.55)" close_hover_color="#0e3f3f" limit="6" add_to_cart="yes" add_button_text="+ Legg til" options_button_text="Velg"]

Default visible search bar:

[plattio_search display="bar" placeholder="Søk via varenummer eller varenavn..." post_type="product" width="520px" primary_color="#0e3f3f" button_size="38px" height="44px" border_radius="10px" limit="6" add_to_cart="yes" add_button_text="+ Legg til" options_button_text="Velg"]

More squared field:

[plattio_search placeholder="Søk via varenummer eller varenavn..." post_type="product" width="520px" border_radius="12px" limit="6"]

WooCommerce settings:

• WooCommerce → Settings → Plattio Search → Primærfarge controls the default primary color.
• primary_color can override the global setting for one shortcode instance.
• Standardresultater lets administrators choose existing product categories and products as suggestions, or enable personalized suggestions.
• Statistikk shows popular search terms and products visited through search results.
• The shortcode generator automatically hides settings that do not apply to the selected display mode.

Shortcode attributes:

• display: icon or bar.
• placeholder: Search-field placeholder.
• post_type: Kept for shortcode compatibility; WooCommerce live results are restricted to products.
• width, height, button_size, icon_size, border_radius and radius.
• icon_color, icon_hover_color, close_color, close_hover_color and primary_color.
• close_button: yes or no.
• limit: 1–10 live results.
• add_to_cart: yes or no.
• add_button_text: Label for simple-product add-to-cart.
• options_button_text: Label for products that require option selection.

Languages and RTL

The plugin includes complete PO/MO files for Arabic, Chinese (Simplified and Traditional), Czech, Danish, Dutch, English (United Kingdom and United States), Finnish, French, German, Hebrew, Hindi, Hungarian, Indonesian, Italian, Japanese, Korean, Norwegian Bokmål, Persian, Polish, Portuguese (Brazil and Portugal), Romanian, Russian, Spanish, Swedish, Thai, Turkish, Ukrainian, Urdu and Vietnamese.

Arabic, Hebrew, Persian and Urdu are bundled as RTL locales. The frontend portal and WooCommerce administration interface also follow WordPress’ active dir="rtl" direction for other RTL locales.

Security notes

• Public AJAX actions require action-specific WordPress nonces.
• Search, tracking and cart endpoints have separate request-rate limits.
• Search and tracking terms are normalized, sanitized and length-limited.
• Result counts are clamped server-side.
• WooCommerce product visibility and purchasability APIs are used before output or cart changes.
• Admin settings require the manage_woocommerce capability and WooCommerce’s settings nonce flow.
• Dynamic output is escaped or passed through constrained allowlists.
• CSS shortcode values are restricted to supported colors and dimensions.