The app shows the main product image by default and only switches to the variant image if it is selected using the variant dropdown.
In cases where merchants are upselling only a single variant; the default image can be overridden to show the variant image.
You can do this by overriding the image for a specific offer like this:
First, find the ID of the offer - use the developers’ tool to inspect the offer widget to find it’s ID.
Offer ID is nudge-offer-117283
Then get the URL of the image the merchant wants to use.
Then add the CSS below to the shop's custom CSS field on the Advanced tab:
#nudge-offer[data-offerid="YOUR_OFFER_ID"] .product-image-wrapper img{
background-image: URL(YOUR_DESIRED_IMAGE_URL);
object-position: -99999px 99999px;
height: auto !important;
background-repeat: no-repeat;
background-size: cover;
padding: 0px;
}
If you have any questions or concerns, please feel free to reach out to us via Live Chat or Email. We are here to help!