Data-pin= no-pin testing

Example 1: Image with no attributes.

Expected behavior: Pin button should show on hover.

Result: Working as expected

Code:

<img src="/wp-content/uploads/2024/01/sloppy-joes-plated-stacked-square.jpg"/>

Example 2: Image with nopin = “nopin” attribute as recommended in Pinterest Docs.

Expected behavior: Pin button should NOT show on hover.

Result: NOT Working as expected – Pinterest extension button shows even with nopin=”nopin” attribute.

Code:

<img src="/wp-content/uploads/2024/01/sloppy-joes-plated-stacked-square.jpg" nopin = "nopin"/>

Example 3: Image with data-pin-nopin=”nopin” attribute.

Expected behavior: Pin button should NOT show on hover.

Result: NOT Working as expected – Pinterest extension button shows even with data-pin-nopin = “nopin” attribute.

Code:

<img src="/wp-content/uploads/2024/01/sloppy-joes-plated-stacked-square.jpg" data-pin-nopin = "nopin"/>

Similar Posts