www.amazon.in - Missing “Discount icon” on the item photo thumbnail

[softvision-oana-arbuzov]

URL: https://www.amazon.in/gp/aw/s/ref=is_r_p_85_1?fst=as%3Aoff&rh=n%3A976445031%2Cn%3A%21976446031%2Cn%3A1375846031%2Cp_n_pct-off-with-tax%3A35-&bbn=1375846031&ie=UTF8&qid=1497617191 Browser / Version: Firefox Mobile Nightly 56.0a1 (2017-06-16) Operating System: LG G5 (Android 7.0) - Resolution 1440 x 2560 pixels (~554 ppi pixel density) Problem type: Something else - I'll add details below

Steps to Reproduce

1. Navigate to: https://goo.gl/GNf77C.
2. Observe item discount.

Expected Behavior: Discount icon is displayed on the photo thumbnail.

Actual Behavior: Discount icon is not displayed on the photo thumbnail.

Note:

1. Not reproducible on https://goo.gl/ZroUSs, where the discount icon is visible and displayed on the right corner of the photo thumbnail.
2. Reproducible on Firefox 53.0.2 Release.
3. Not reproducible on Chrome (Mobile) 58.0.3029.83, on Firefox Nightly with Chrome UA and Firefox and Chrome (Desktop).
4. Screenshot attached.

Watchers: @softvision-sergiulogigan @softvision-oana-arbuzov

sv; country: in

From webcompat.com with ❤️

[rajannsunn]

I couldn't able to see the discount icon in the browser....

[rajannsunn]

I couldn't able to see the discount icon in the nightly browser at rendering properly...

[softvision-oana-arbuzov]

On Desktop navigate to http://www.amazon.in/Devotional-Spiritual-Music/b/ref=dp_bc_2?ie=UTF8&node=1375846031, and you can see the discount on bottom right side of the photo thumbnail, both on Chrome and Firefox.

[karlcow]

On Safari

<div class="sx-table-pic">
    <div class="sx-table-image-holder">
        <img src="data:image/jpeg;base64,/9j/4A…"
            alt="Product Details" class="sx-product-image"
            style="max-height: 170px" data-search-image-load=""
            data-search-image-source-set="
                http://ecx.images-amazon.com/images/I/41sIHIlZkrL._AC_SX118_SY170_QL70_.jpg 1x, 
                http://ecx.images-amazon.com/images/I/41sIHIlZkrL._AC_SX177_SY255_QL65_.jpg 1.5x, 
                http://ecx.images-amazon.com/images/I/41sIHIlZkrL._AC_SX236_SY340_QL65_.jpg 2x, 
                http://ecx.images-amazon.com/images/I/41sIHIlZkrL._AC_SX295_SY425_QL65_.jpg 2.5x">
        <span
            class="a-size-mini sx-badge-tl-discount-circular sx-badge-discount-list">66% off</span>
    </div>
</div>

On Firefox Android Nightly 56

<td class="smartImageContainer" width="75px">
    <a href="/gp/aw/d/B007SWYFUO/ref=mp_s_a_1_1/259-6004074-4225940?ie=UTF8&amp;amp;qid=1499127660&amp;amp;sr=1-1&amp;amp;pi=SL75_QL70">
        <img src="http://ecx.images-amazon.com/images/I/41sIHIlZkrL._SL75_QL70_.jpg"
            width="74" border="0" height="75">
    </a>
</td>

The markup received in both cases is completely different. Firefox receives a table layout.

if I switch to a Chrome user agent on Gecko. I have a perfectly working site. This is user agent server sniffing.

I will contact amazon.

[karlcow]

Amazon has been contacted.

[karlcow]

This has been fixed.

[softvision-oana-arbuzov]

Indeed the issue was fixed.

Tested with: Browser / Version: Firefox Mobile Nightly 57.0a1 (2017-08-30) Operating System: Huawei P10 (Android 7.0) - Resolution 1080 x 1920 pixels (~432 ppi pixel density) Samsung Galaxy S6 (Android 7.0) - Resolution 1440 x 2560 pixels (~577 ppi pixel density)