Formating on quick view with Variable products is messed up.

[skullo27]

Hi please see attached screen grabs of quickview when using variable products, as you can see there is something weird going on with the add to cart button which only appears in rollover and still looks odd, and also the “new” / Sale” tag is messed up.

Please advise,
Thanks.
Sam.

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Have you disabled quickview feature? I am not able to find it.
Thanks
Mohammad

[skullo27]

try again. when the atelier updated it seemed to disappear. it is back now if you want to see on the URL: http://www.supereight.net/shop/

thanks

[skullo27]

Bump?

[David Martin – Support]

Hey,

The quick view looks to be fixed now, there is an update to fix the product tags also so please run that: http://www.supereight.net/wp/wp-admin/update-core.php.

Thanks,
David.

[skullo27]

Hi David, I updated this morning to the latest version and there still seems to be the issue.. please see attached screen grab…

thanks

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

Hi,

That is odd, I’ll need to do some further testing on my dev site. In the meantime, I have added some CSS to the top of your theme options to resolve your issue.

#jckqv .button {
    color: #222222!important;
}

#jckqv .button {
    border: 2px solid #222222;
    height: 60px;
    line-height: 20px;
    padding: 0 20px;
    margin: 0;
}

#jckqv .cart .yith-wcwl-add-to-wishlist {
    margin-left: 10px!important;
}

Thanks,
David.

[skullo27]

OK thanks, please let me know when you have a solution as the bug with the “sale” label in the product image is still there.

Thanks,
Sam.

[David Martin – Support]

Hey,

I have added another CSS snippet to fix the quick view sale color tag.

#jckqv .onsale {
    background: #73bc9c;
}

Thanks,
David

[dvdowns]

I’m having an issue with the Sale tag while in Quick View. I see in the OP’s first screenshot something similar to what I’m seeing. Is this a similar issue or was this fix an all around clean up of it all? Attached is my Quick View for a sale item.

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

Hi @dvdowns,

The CSS was also for that “Sale” tag.

1) What is your URL
2) Are you updated with the latest theme/plugins versions

Cheers,
David.

[dvdowns]

This reply has been marked as private.

[David Martin – Support]

Yes I see that also, please add this CSS:

#jckqv .onsale:before {
    content: "";
    float: left;
    position: absolute;
    top: 0;
    left: -15px;
    width: 0;
    height: 0;
    border-color: transparent #fa726e transparent transparent;
    border-style: solid;
    border-width: 14px 15px 12px 0;
}

#jckqv .onsale:after {
    content: "";
    position: absolute;
    top: 10px;
    left: -2px;
    float: left;
    width: 7px;
    height: 7px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background: #fff;
}

Thanks,
David.

[dvdowns]

Perfect! Thanks!

[Mohammad – SUPPORT]

Hi,
Great thanks to David.
Mohammad