Home › Forums › Basel support forum › Search & Compare Buttons On Homepage Do Not Work
Search & Compare Buttons On Homepage Do Not Work
- This topic has 5 replies, 2 voices, and was last updated 5 years, 6 months ago by Elise Noromit.
-
AuthorPosts
-
May 16, 2019 at 2:53 pm #124084
websitedesigner78ParticipantHi there,
First of all, I love the theme.
Please can you help me with the following:
Please also DO NOT mention my website name in your reply as for some reason it indexes this page on Google.
My Search bar and compare buttons do not work. The search bar works on other pages besides the homepage. The compare button does not work on any page, but it says that there is two items in the Wishlist. Please can you assist with this.
The hover options on the products on the homepage also do not work. Please may you assist with this as well.
I also cant seem to create a testimonial on the homepage.
Is it possible to add padding between the product description and add to cart button on the product page? (Please see the attached picture below)
How do I change the colour of the sticky add to cart bar on mobile (it shows black on mobile and white on computers) as well the colour of the cart button?
Is it possible to make the phone number in the header clickable (click to call action)? In other words, if someone clicks on the phone number, it must prompt the call now button on their phone. I tried this code but it did not seem to work. Call us at 555-428-0940
I don’t have any third plugins installed.
Please also DO NOT mention my website name in your reply as for some reason it indexes this page on Google.
Please log into the site using the details provided.
Thank you so much for assisting.
May 17, 2019 at 6:33 am #124191
Elise NoromitMemberHello,
Thank you very much for choosing our theme and for contacting us.
1. Search bar
Search does not work due to JS error caused by an element in Infobox. You are using SVG in the Information box element and enabling the animation. You need to disable the animation.
2. Compare and Wishlist
1. Create a page and add the Compare element: https://gyazo.com/9717ad0d98e64a8cda376bd297a7dbb7
2. Navigate to the Theme Settings > Shop > Compare > and set the page you have created https://gyazo.com/ce918c59a5b891c308d130f4eb691774
As for the Wishlist:
1. Create a page and insert the shortcode [yith_wcwl_wishlist]
2. Navigate to Wishlist plugin and set the page: http://prntscr.com/ls1ewo
3. The hover options on the products
Please clarify the issue: I check and hover on product works https://gyazo.com/9ef9e7a3f1ae84785cbb124927a1baee
4. padding between the product description and add to cart button on
You have not attached the screen. Please attach.
5. Clickable phone
Try to implement these suggestions https://www.gaintap.com/blog/clickable-website-phone-number-and-call-tracking-guide/
Best Regards
May 17, 2019 at 6:36 am #124192
Elise NoromitMemberPlease add this code to the Theme Settings > Custom CSS > Mobile to change the Add to cart button:
body .basel-sticky-btn-cart .single_add_to_cart_button{ background:red; color:yellow; border-color:green; }
May 17, 2019 at 1:06 pm #124279
websitedesigner78ParticipantHi Else,
Thank you so much for getting back to me.
Here is the picture I left out. Is it possible to add padding between the add to cart and description?
How do I disable the svg animation to get the animation to work?
Thanks again for assisting.
Kind Regards.
Attachments:
You must be logged in to view attached files.May 17, 2019 at 1:08 pm #124281
websitedesigner78ParticipantWith regards to the hover options, I meant that the compare, wishlist and quick view does not work on the homepage but works on other pages.
May 17, 2019 at 2:49 pm #124309
Elise NoromitMemberHello,
1. Create a page and add the Compare element: https://gyazo.com/9717ad0d98e64a8cda376bd297a7dbb7
2. Navigate to the Theme Settings > Shop > Compare > and set the page you have created https://gyazo.com/ce918c59a5b891c308d130f4eb691774
As for the Wishlist:
1. Create a page and insert the shortcode [yith_wcwl_wishlist]
2. Navigate to Wishlist plugin and set the page: http://prntscr.com/ls1ewo
Add this code to the Theme Settings > Custom CSS > Global:
.single .compare-btn-wrapper{ margin-top:50px; }
Best Regards
-
AuthorPosts
Tagged: svg
- You must be logged in to create new topics. Login / Register