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: Uplift
• June 29, 2016 at 11:42 am #278035
  smwb

  Member

  Post count: 9

  Hi,

  is there any way to fix the overlay “Add to cart” button instead of showing the standard “Add to cart” button below the product? Some custom css?

  Thanks!

  Attachments:

  You must be logged in to view attached files.
  June 30, 2016 at 12:07 pm #278361
  David Martin – Support

  Moderator

  Post count: 20834

  Hi,

  What do you mean by fix? You want to change the position? Please create an mockup so I understand you better.

  – David.

  July 4, 2016 at 8:17 am #278874
  smwb

  Member

  Post count: 9

  Sorry for my bad explanation. I would like to show all time the “Add to cart” button (not the standard “Add to cart”, only the “Add to cart” button which appears when you overlay the mouse to the product image), like in the tablet (800×1280) view:

  Thanks!!

  Attachments:

  You must be logged in to view attached files.
  July 5, 2016 at 7:47 am #279159
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Hi

  Add this to your custom css:

  li.product figure .cart-overlay {
    opacity: 1;
  }

  – Kyle

  July 5, 2016 at 8:49 am #279170
  smwb

  Member

  Post count: 9

  Hi Kyle,

  Thank you so much!!

  July 5, 2016 at 8:50 am #279171
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  No problem!

  – Kyle

  July 5, 2016 at 8:53 am #279172
  smwb

  Member

  Post count: 9

  Sorry,

  any way to use it in mobile view? It doesn’t work in Tablet / mobile view, only desktop…

  July 5, 2016 at 9:00 am #279176
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Add this to your custom css:

  @media only screen and (max-width: 479px) { 
  .product-type-standard .product .cart-overlay {
    display: block;
  }
  }

  – Kyle

  July 5, 2016 at 9:07 am #279178
  smwb

  Member

  Post count: 9

  I’m using grid view, can this used by this type of view?

  July 5, 2016 at 9:08 am #279181
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Can you send me the link so I can check

  – Kyle

  July 5, 2016 at 9:13 am #279182
  smwb

  Member

  Post count: 9

  This reply has been marked as private.
  July 5, 2016 at 9:18 am #279186
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Ahh yes the grid view is too small to show the cart buttons

  – Kyle

  July 5, 2016 at 9:26 am #279190
  smwb

  Member

  Post count: 9

  Well, so I finally changed the Product Display Layout view to “standard” and then turned the Product Display Columns to 5, and now it looks like grid view in mobile view with the cart buttons 😛

  Thank you so much Kyle!!

  July 5, 2016 at 9:31 am #279194
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Ok great! No problem 🙂

• Back to forum

  Posted in: Uplift