Hidden ADD TO BASKET Button

Hi,

On any category page it is possible to select product options and add to basket without going to the product-specific page.

Some of my customers are finding this confusing because the ADD TO BASKET button is hidden from view – the customer needs to scroll down within the options window to see the button, please see attached images.

Is it possible to edit this options window to ensure the ADD TO BASKET button is visible straight away? Either by increasing its depth, or removing the “x Clear” option, or reduce spacing above the button?

Attachments:

You must be logged in to view attached files.

Also, on the latest iPAD there is no scroll bar on the options window so the customer can not see or access the ADD TO BASKET button – see attached image.

Attachments:

You must be logged in to view attached files.

Hi,

Try to add the following code snippet to the Custom CSS area in Theme Settings to fix this issue.

.quick-shop-wrapper .quick-shop-form {
  padding-top: 15px;
}

.quick-shop-wrapper .reset_variations {
  display: none!important;
}

.quick-shop-wrapper .variation-swatch-selected .variations {
  margin-bottom: 10px
}

Regards

That’s great, it works perfectly!

Great, you are welcome!

We’ve had feedback that the add to basket button is still partially obscured on an iPhone 6 – still a popular phone looking at our visitor stats.

Is it possible to reduce the padding / white space shown on the attached image by a line height circa 25px?

Hi,

Could you please reupload your screenshots in a size smaller than 512KB? Or upload it to some cloud service like Dropbox or Google Drive.

Thank you in advance

[Author]

Posts