Start a new topic

Add to cart (mobile view)

I have turned on the add to cart button and it works great.  However since there is no hover functionality on a touch screen the add to cart button is always hidden.  This is a big issue for us since most of our traffic is on mobile.


How can I edit the custom CSS to make it always show.  I can move the button placement but I can't seem to figure out how to make it visible all the time.


Thanks!

Hello!


Thank you for your message.


Please let us know the address of your store so that we can check it.


Thank you.

Hi Alexey.


The store is www.sleeknail.com.  Also I am referring to the add to cart button on the search result widget page.


Thanks!

Hi,


Angelina from Searchanise here. Thank you for the provided address.


In order to see the Add to cart button you should hold your finger on the product in search. If you want the button to be visible permanently please add the following CSS to Searchanise admin panel - Search results widget - Custom CSS section:


.snize-mobile-design #snize-search-results-grid-mode li.snize-product .snize-button {

    opacity: 1;

    visibility: visible;

  }


.snize-mobile-design #snize-search-results-list-mode li.snize-product .snize-button {

    display: inline-block;

    margin-left: 15px;

    opacity: 1;

}


If you face any difficulties, feel free to contact us!

Thank you Angelina!


Got it to work.  Didn't realize there was an opacity set

You're welcome Poli! I was glad to help.

Login or Signup to post a comment