Close

Profile: Valentin

Avatar

User posts

6 years ago

cirkadia wrote:
Is there a way to have the add to cart buttons appear on mobile devices?

Our cleint is current on version 3.6 and we'll be running through the upgrade process to 3.9 shortly.

This is currently what we see on our phones:


Live site:
http://wwwthreestonehearth.com


Greetings,

as we looked through your site, we saw that most of your products are In Store Only at this time and for those there are no buttons neither on desktop, nor on mobile. That is the case with the product that you took a screenshot of. For the ones that do have buttons on desktop, like - Co-Founder Consultation by Phone or Skype, the buttons are also there on mobile. I have attached images of this product as an example.

Overall we were not able to find a product with activated AjaxCart plugin, so if you can give us an example that would be appreciated, otherwise I guess this issue is not connected to this topic.

Best Regards.

6 years ago

Greetings,

you can easily fix this issue by going to your theme administration > Themes > Pavilion > Settings and add the following code in the Custom Head Styles section:

.attributes dl {
overflow: visible;
}

.attributes dl:after {
  content: "";
  display: table;
  clear: both;
}

.attribute-squares.image-squares li {
position: relative;
}

.attribute-squares .tooltip-container {
position: absolute;
display: inline-block;
top: 100%;
left: 0;
opacity: 0;
z-index: 999;
transition: opacity .3s ease;
-webkit-transtion: opacity .3s ease;
pointer-events: none;
}

.tooltip-header {
margin: 5px 0;
font-size: 11px;
text-align: left;
}

.tooltip-body {
width: 100px;
height: 100px;
}

.tooltip-body img {
max-width: 100%;
max-height: 100%;
}

.attribute-squares.image-squares li:hover .tooltip-container {
opacity: 1;
}



Have a nice day.