ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Atelier
• June 19, 2015 at 10:50 am #186210
  leadgenmedia

  Member

  Post count: 27

  Hi Swift Ideas,

  1. Is it possible to have the search bar element work only for products? I’m referring to the search bar shortcode we can insert via the Swift Page Builder -> Elements -> Search.

  2. Is it possible to style WooCommerce product search widget the same as simple search widget (see screenshot)?

  Thank you!

  Attachments:

  You must be logged in to view attached files.
  June 19, 2015 at 11:16 am #186225
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Hi,

  1) Check in Theme Options-> Header Options
  In the option Header Search Post Type you can select only products.

  2) I’m afraid that’s outside our support scope.

  -Rui

  June 19, 2015 at 11:31 am #186234
  leadgenmedia

  Member

  Post count: 27

  Hi Rui,

  Thank you for your reply.

  1. I’ve already done that but I’m not talking about the header search. I’m referring to the search bar shortcode we can insert via the Swift Page Builder -> Elements -> Search. While the header search function is ALREADY set to only look for products, search bars inserted via the Swift Page Builder looks for both products and posts and searching for a query will show results in blog archives template. I’m asking if that search bar (inserted through Swift Page Builder to PAGES) can be set to look for products and products alone.

  2. That’s a bit surprising, I must say. Maybe it’s my ignorance talking but I thought a widget built-in WooCommerce would have been styled anyway (since this theme is mainly built for WooCommerce). And the CSS is already there for the normal search bar, I’m simply asking how to apply the SAME styling to WooCommerce’s product search.

  If that’s really outside the scope of your support, could you tell me if it’s possible to have the default search bar (that you have styled) to only look for products?

  Thank you.

  June 22, 2015 at 10:53 am #186879
  David Martin – Support

  Moderator

  Post count: 20834

  Hello,

  Could you post up a link and login details to your website so we can take a further look?

  Thanks,
  David.

  June 22, 2015 at 11:47 am #186926
  leadgenmedia

  Member

  Post count: 27

  This reply has been marked as private.
  June 22, 2015 at 11:48 am #186928
  leadgenmedia

  Member

  Post count: 27

  This reply has been marked as private.
  June 22, 2015 at 4:48 pm #187108
  David Martin – Support

  Moderator

  Post count: 20834

  Hey,

  Question 1:

  Rather than use the search widget from the page builder, insert the HTML element and copy this code in. This will limit that search box to just your products.

  			<div class="spb_search_widget spb_content_element col-sm-12">
  				<div class="spb-asset-content">
  					<form method="get" class="search-form search-widget" action="http://toonfolio.com/">
  <input type="text" placeholder="Search" name="s" class="input-standard">
  <input type="hidden" name="post_type" value="product" />
  					</form>
  				</div>
  			</div>

  I’ll take a look at your second issue now.

  Thanks.
  David.

  June 22, 2015 at 4:57 pm #187109
  David Martin – Support

  Moderator

  Post count: 20834

  For Question 2:

  Please add this code to your theme options CSS input:

  .widget_product_search form {
  	position: relative;
  }
  
  form.woocommerce-product-search:after {
    content: "\e605";
    font-family: 'atelier';
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    font-size: 18px;
    padding-right: 15px;
    position: absolute;
    float: right;
    top: 9px;
    right: 0;
    color: #333;
  }
  
  .woocommerce-product-search input {
    margin: 0;
    border: solid #e3e3e3;
    border-width: 0px 0px 2px 0px;
    width: 100%;
    height: 42px;
    font-size: 14px;
    line-height: 19px;
    padding-left: 15px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
  }

  Thanks,
  David

  June 22, 2015 at 5:47 pm #187138
  leadgenmedia

  Member

  Post count: 27

  This is PERFECT. Thank you very much – I really appreciate your effort.

  June 23, 2015 at 9:06 am #187318
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Great, thanks David

• Back to forum

  Posted in: Atelier