53 lines
2.4 KiB
PHP
53 lines
2.4 KiB
PHP
<?php
|
|
/**
|
|
* The template for displaying product search form
|
|
*
|
|
* This template can be overridden by copying it to yourtheme/woocommerce/product-searchform.php.
|
|
*
|
|
* HOWEVER, on occasion WooCommerce will need to update template files and you
|
|
* (the theme developer) will need to copy the new files to your theme to
|
|
* maintain compatibility. We try to do this as little as possible, but it does
|
|
* happen. When this occurs the version of the template file will be bumped and
|
|
* the readme will list any important changes.
|
|
*
|
|
* @see https://docs.woocommerce.com/document/template-structure/
|
|
* @package WooCommerce\Templates
|
|
* @version 7.0.1
|
|
*/
|
|
|
|
if ( ! defined( 'ABSPATH' ) ) {
|
|
exit;
|
|
}
|
|
|
|
?>
|
|
<form role="search" method="get" class="woocommerce-product-search ct-search-form" data-form-controls="inside" action="<?php echo esc_url( home_url( '/' ) ); ?>">
|
|
<label class="screen-reader-text" for="woocommerce-product-search-field-<?php echo isset( $index ) ? absint( $index ) : 0; ?>"><?php esc_html_e( 'Search for:', 'blocksy' ); ?></label>
|
|
|
|
<input type="search" id="woocommerce-product-search-field-<?php echo isset( $index ) ? absint( $index ) : 0; ?>" class="search-field" placeholder="<?php echo esc_attr__( 'Search products…', 'blocksy' ); ?>" value="<?php echo get_search_query(); ?>" name="s">
|
|
|
|
<button type="submit" class="wp-element-button" aria-label="<?php echo __('Search', 'blocksy')?>">
|
|
<svg class="ct-icon ct-search-button-content" width="15" height="15" viewBox="0 0 15 15">
|
|
<path d="M14.8,13.7L12,11c0.9-1.2,1.5-2.6,1.5-4.2c0-3.7-3-6.8-6.8-6.8S0,3,0,6.8s3,6.8,6.8,6.8c1.6,0,3.1-0.6,4.2-1.5l2.8,2.8c0.1,0.1,0.3,0.2,0.5,0.2s0.4-0.1,0.5-0.2C15.1,14.5,15.1,14,14.8,13.7z M1.5,6.8c0-2.9,2.4-5.2,5.2-5.2S12,3.9,12,6.8S9.6,12,6.8,12S1.5,9.6,1.5,6.8z"/>
|
|
</svg>
|
|
|
|
<span class="ct-ajax-loader">
|
|
<svg viewBox="0 0 24 24">
|
|
<circle cx="12" cy="12" r="10" opacity="0.2" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="2"/>
|
|
|
|
<path d="m12,2c5.52,0,10,4.48,10,10" fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2">
|
|
<animateTransform
|
|
attributeName="transform"
|
|
attributeType="XML"
|
|
type="rotate"
|
|
dur="0.6s"
|
|
from="0 12 12"
|
|
to="360 12 12"
|
|
repeatCount="indefinite"
|
|
/>
|
|
</path>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
|
|
<input type="hidden" name="post_type" value="product">
|
|
</form>
|