-
Posts
-
For month I’ve trying to solve the problem of woocommerce search to be nearby the logo (always visible no matter in phone and desktop)
however, I failed to amend it for now. so I search the forum and got some alternative option.
like below
https://kriesi.at/support/topic/replace-standard-search-with-woocommerce-product-search/
But it looks really bad as the icon disapear and shows the word” Search” instead, the problem it didn’t show the word completely.
So I changed back to the default , but the apperance is totally brokenhttps://drive.google.com/file/d/0B6L9QZ3Td5YjeUpRNk1BbWxaY00/view?usp=sharing
how to fix it?
below code is working for add product search in all store category?
https://kriesi.at/support/topic/product-search-field-for-woocommerce-at-the-beginning-of-store-category-pages/
Hi YongyanLi,
Could you please give us a link to your website, we need more context to be able to help you.
Best regards,
VictoriaHi, Victoria
you can just click the search icon( on the menu), and you will see the problem
thanks
Hi,
Did you change some file on the back end? Because some code is replacing the search icon by the search text, so, as you share some topics link with alternatives to edit the php files, you need to check if you change something, if not, share with me your WP credentials and your FTP credentials, please.
Best regards,
John TorvikHi, John
Yes, I changed as per the searchform php as per the above link, such as replace the original contents with below
<form role=”search” method=”get” id=”searchform” action=”<?php echo home_url( ‘/’ ); ?>”>
<div>
<label class=”screen-reader-text” for=”s”>Search for:</label>
<input type=”text” value=”<?php _e(‘search site’, ‘avia_framework’)?>” name=”s” id=”s” placeholder=”Search for products”>
<input type=”submit” id=”searchsubmit” value=”Search”>
<input type=”hidden” name=”post_type” value=”product”>
</div>
</form>It was working, the default search was replaced by the product search.
but the looking is not good
so I resumed back exactly as per the originalsomehow, the front end didn’t come back to normal
Hi, problem solved.
But Can I move the search icon sticky to the cart ??
(So it can be visible responsively)Hi,
your search icon seems to be sticky next to your cart icon already: http://imgur.com/a/6scSm
So could you achieve this already?Best regards,
AndyHi,
I can’t see any search icon on mobile at all. Did you deactivate it? please activate it as we need to be able to see and inspect the elements in question, to be able to provide you some custom code.
Best regards,
AndyNo… I didn’t
I think there is something conflict with the WP rocket, which making some images and icon disapear at frontend.
I;ve contacted them to check .
By the way, which pages you view?For the search incon, it looks in mobile like below
see the mobile view( iphone 6)
https://drive.google.com/file/d/0B6L9QZ3Td5YjaDlhYVQ5RUo1aHM/view?usp=sharing
https://drive.google.com/file/d/0B6L9QZ3Td5YjREwtS0dCeERubFk/view?usp=sharingHi,
I still can’t see any search icon on mobile, when checking your website. For me it’s not hidden behind your mobil menu or anything, it’s just simply not there. It seems to me that you’ve deactivated it for mobile, as I can see that you’ve given it the class name “noMobile”. We would like to check this, so please provide us admin access here inside Private Content field.
Best regards,
AndyI will try to solve the cache problem with WP rocket firstly
because I did make the mobile search icon
some of the CSS, JS OF ENFOLD was cache as http instead of https
it was blocked because of thatI guess that’s why you can’t see it.
by the way, Can you check IF it is enfold got some conflict with WP ROCKET?
as the errors that was mistakenly cached were all enfold’s CSS AND JS
Hi,
I can’t see any errors inside the Chrome console so far, but you definitely need to switch off any caching. After switching it off, deactivate the whole caching plugin as well as all other plugins, to make sure none is causing any conflict.
Best regards,
AndyHi,
seems now the conflicts are gone
so can you check back again for my issues that mentioned previously
the search icon is stick nearby the cart icon in mobile
normally when we click the cart icon at the first time, it will show: no products in your cart
and click the 2nd time, it will link to the cart pagebut search icon, when we click the icon, it should display the search table directly, but now, it display no products in your cart either, and display the search table only when click the 2nd time
how to avoid this for search icon ( why it happen same like the cart icon?)
Hi,
not sure what you’re talking about to be honest. Please use screenshots to make things clear for us.
I checked your website on mobile and can see that the cart button is too much on the left, so use this code to correct it’s position:
@media only screen and (max-width: 767px) { .responsive #top .cart_dropdown { right: -9px; }}and adjust as needed.
Best regards,
Andy
- You must be logged in to reply to this topic.