Skip to content

Commit c1919ae

Browse files
giucu91giucu91
committed
Fixed Woocommerce search
1 parent c365406 commit c1919ae

File tree

3 files changed

+40
-19
lines changed

3 files changed

+40
-19
lines changed

‎inc/extras.php‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -165,9 +165,9 @@ function shapely_get_theme_options() {
165165
button[type="submit"]:hover,
166166
.post-content .more-link:hover, .btn:hover, .button:hover { background: ' . esc_attr( get_theme_mod( 'button_hover_color' ) ) . ' !important; border: 2px solid' . esc_attr( get_theme_mod( 'button_hover_color' ) ) . ' !important;}';
167167
echo '.shapely_home_parallax > section:not(.image-bg) .btn-white:hover, .shapely_home_parallax > section:not(.image-bg) .btn-white:focus, .pagination span:not( .dots ), .pagination a:hover { background-color: ' . esc_attr( get_theme_mod( 'button_hover_color' ) ) . ' !important; border-color: ' . esc_attr( get_theme_mod( 'button_hover_color' ) ) . ' !important;color: #fff !important; }';
168-
echo '.widget.widget_search .search-form > input#s:hover, .widget.widget_search .search-form > input#s:focus, .widget.widget_calendar #wp-calendar td:not(.pad):not(#next):not(#prev)#today, .widget_product_search .woocommerce-product-search > input.search-field:hover, .widget_product_search .woocommerce-product-search > input.search-field:focus, .widget.widget_search input[type="text"]:focus + button[type="submit"].searchsubmit, .widget.widget_search input[type="text"]:hover + button[type="submit"].searchsubmit, textarea:hover, textarea:focus, input[type="text"]:hover, input[type="search"]:hover, input[type="email"]:hover, input[type="tel"]:hover, input[type="text"]:focus, input[type="search"]:focus, input[type="email"]:focus, input[type="tel"]:focus { border-color: ' . esc_attr( get_theme_mod( 'button_hover_color' ) ) . ' !important }';
168+
echo '.widget.widget_search .search-form > input#s:hover, .widget.widget_search .search-form > input#s:focus, .widget.widget_calendar #wp-calendar td:not(.pad):not(#next):not(#prev)#today, .widget_product_search .woocommerce-product-search > input.search-field:hover, .widget_product_search .woocommerce-product-search > input.search-field:focus, .widget.widget_search input[type="text"]:focus + button[type="submit"].searchsubmit, .widget.widget_search input[type="text"]:hover + button[type="submit"].searchsubmit, textarea:hover, textarea:focus, input[type="text"]:hover, input[type="search"]:hover, input[type="email"]:hover, input[type="tel"]:hover, input[type="text"]:focus, input[type="search"]:focus, input[type="email"]:focus, input[type="tel"]:focus, .widget.widget_product_search input[type="text"]:focus + button[type="submit"].searchsubmit, .widget.widget_product_search input[type="text"]:hover + button[type="submit"].searchsubmit { border-color: ' . esc_attr( get_theme_mod( 'button_hover_color' ) ) . ' !important }';
169169
echo '.widget.widget_calendar #wp-calendar > caption:after, .widget.widget_calendar #wp-calendar td:not(.pad):not(#next):not(#prev)#today:hover { background-color: ' . esc_attr( get_theme_mod( 'button_hover_color' ) ) . ' }';
170-
echo '.widget.widget_search input[type="text"]:focus + button[type="submit"].searchsubmit, .widget.widget_search input[type="text"]:hover + button[type="submit"].searchsubmit { color: ' . esc_attr( get_theme_mod( 'button_hover_color' ) ) . ' }';
170+
echo '.widget.widget_search input[type="text"]:focus + button[type="submit"].searchsubmit, .widget.widget_search input[type="text"]:hover + button[type="submit"].searchsubmit, .widget.widget_product_search input[type="text"]:focus + button[type="submit"].searchsubmit, .widget.widget_product_search input[type="text"]:hover + button[type="submit"].searchsubmit { color: ' . esc_attr( get_theme_mod( 'button_hover_color' ) ) . ' }';
171171
}
172172

173173
if ( get_theme_mod( 'social_color' ) ) {

‎style.css‎

Lines changed: 9 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -3475,18 +3475,6 @@ footer.bg-dark a {
34753475
.widget_product_search .woocommerce-product-search {
34763476
padding: 0;
34773477
position: relative; }
3478-
.widget_product_search .woocommerce-product-search:before {
3479-
content: '\f002';
3480-
display: block;
3481-
top: 0;
3482-
right: 23px;
3483-
z-index: 1;
3484-
font-family: 'FontAwesome';
3485-
position: absolute;
3486-
color: #ebebeb; }
3487-
footer .widget_product_search .woocommerce-product-search:before {
3488-
right: 17px;
3489-
}
34903478
.widget.widget_search .search-form > input,
34913479
.widget_product_search .woocommerce-product-search > input {
34923480
background: transparent;
@@ -3507,12 +3495,14 @@ footer .widget_product_search .woocommerce-product-search:before {
35073495
box-shadow: none;
35083496
outline: none; }
35093497
.widget.widget_search input[type="text"]:focus + button[type="submit"].searchsubmit,
3510-
.widget.widget_search input[type="text"]:hover + button[type="submit"].searchsubmit {
3498+
.widget.widget_search input[type="text"]:hover + button[type="submit"].searchsubmit,
3499+
.widget.widget_product_search input[type="text"]:focus + button[type="submit"].searchsubmit,
3500+
.widget.widget_product_search input[type="text"]:hover + button[type="submit"].searchsubmit {
35113501
color: #745cf9;
35123502
border-color: #745cf9 !important;
35133503
}
35143504
.widget.widget_search .search-form > button[type="submit"].searchsubmit,
3515-
.widget_product_search .woocommerce-product-search > input[type="submit"] {
3505+
.widget_product_search .woocommerce-product-search > button[type="submit"].searchsubmit {
35163506
position: absolute;
35173507
border: none;
35183508
top: 7px;
@@ -3531,13 +3521,15 @@ footer .widget_product_search .woocommerce-product-search:before {
35313521
font-size: 14px;
35323522
line-height: 1.5;
35333523
}
3534-
.widget.widget_search .search-form > button[type="submit"].searchsubmit {
3524+
.widget.widget_search .search-form > button[type="submit"].searchsubmit,
3525+
.widget.widget_product_search button[type="submit"].searchsubmit {
35353526
color: #ebebeb;
35363527
}
3537-
.footer-widget-area .widget.widget_search .search-form > button[type="submit"].searchsubmit {
3528+
.footer-widget-area .widget.widget_search .search-form > button[type="submit"].searchsubmit,
3529+
.footer-widget-area .widget.widget_product_search button[type="submit"].searchsubmit {
35383530
color: #fff;
35393531
}
3540-
.widget_product_search .woocommerce-product-search > input[type="submit"]:hover {
3532+
.widget_product_search .woocommerce-product-search > button[type="submit"]:hover {
35413533
color: transparent !important;
35423534
background-color: transparent !important;
35433535
}

‎woocommerce/product-searchform.php‎

Lines changed: 29 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,29 @@
1+
<?php
2+
/**
3+
* The template for displaying product search form
4+
*
5+
* This template can be overridden by copying it to yourtheme/woocommerce/product-searchform.php.
6+
*
7+
* HOWEVER, on occasion WooCommerce will need to update template files and you
8+
* (the theme developer) will need to copy the new files to your theme to
9+
* maintain compatibility. We try to do this as little as possible, but it does
10+
* happen. When this occurs the version of the template file will be bumped and
11+
* the readme will list any important changes.
12+
*
13+
* @see https://docs.woocommerce.com/document/template-structure/
14+
* @author WooThemes
15+
* @package WooCommerce/Templates
16+
* @version 2.5.0
17+
*/
18+
19+
if ( ! defined( 'ABSPATH' ) ) {
20+
exit;
21+
}
22+
23+
?>
24+
<form role="search" method="get" class="woocommerce-product-search" action="<?php echo esc_url( home_url( '/' ) ); ?>">
25+
<label class="screen-reader-text" for="woocommerce-product-search-field-<?php echo isset( $index ) ? absint( $index ) : 0; ?>"><?php _e( 'Search for:', 'shapely' ); ?></label>
26+
<input type="text" id="woocommerce-product-search-field-<?php echo isset( $index ) ? absint( $index ) : 0; ?>" class="search-field" placeholder="<?php echo esc_attr__( 'Search products&hellip;', 'shapely' ); ?>" value="<?php echo get_search_query(); ?>" name="s" />
27+
<button type="submit" class="searchsubmit"><i class="fa fa-search" aria-hidden="true"></i><span class="screen-reader-text"><?php echo esc_attr__( 'Search', 'shapely' ) ?></span></button>
28+
<input type="hidden" name="post_type" value="product" />
29+
</form>

0 commit comments

Comments
 (0)