Home Forums Pinnacle Theme Image issues using data-thumb

This topic is: not resolved
Not Resolved
Posted in: Pinnacle Theme  
  • October 11, 2017 at 7:49 am #162963

    Hello.

    Using kite.ly on this theme, which inserts the product image on the single-product page as so:

    <div data-thumb="https://image.kite.ly/render/?product_id=sublimation_tote_bag&print_image=false&background=00000000&format=png&fill_mode=fit&scale=1&image=https%3A%2F%2Fs3.amazonaws.com%2Fkiteshopify%2F6e30f7a8-8226-4a92-9263-180a2419becf.jpeg&translate=0%2C0&rotate=0&variant=cover&size=1200x1200" class="woocommerce-product-gallery__image" data-o_data-thumb="https://image.kite.ly/render/?product_id=sublimation_tote_bag&print_image=false&background=00000000&format=png&fill_mode=fit&scale=1&image=https%3A%2F%2Fs3.amazonaws.com%2Fkiteshopify%2F6e30f7a8-8226-4a92-9263-180a2419becf.jpeg&translate=0%2C0&rotate=0&variant=cover&size=1200x1200"><a href="https://image.kite.ly/render/?product_id=sublimation_tote_bag&print_image=false&background=00000000&format=png&fill_mode=fit&scale=1&image=https%3A%2F%2Fs3.amazonaws.com%2Fkiteshopify%2F6e30f7a8-8226-4a92-9263-180a2419becf.jpeg&translate=0%2C0&rotate=0&variant=cover&size=1200x1200" title="Tote Bag – 15″x16.5″" data-o_href="https://image.kite.ly/render/?product_id=sublimation_tote_bag&print_image=false&background=00000000&format=png&fill_mode=fit&scale=1&image=https%3A%2F%2Fs3.amazonaws.com%2Fkiteshopify%2F6e30f7a8-8226-4a92-9263-180a2419becf.jpeg&translate=0%2C0&rotate=0&variant=cover&size=1200x1200"><img src="https://image.kite.ly/render/?product_id=sublimation_tote_bag&print_image=false&background=00000000&format=png&fill_mode=fit&scale=1&image=https%3A%2F%2Fs3.amazonaws.com%2Fkiteshopify%2F6e30f7a8-8226-4a92-9263-180a2419becf.jpeg&translate=0%2C0&rotate=0&variant=cover&size=1200x1200" width="1" height="1" class="attachment-shop_single shop_single wp-post-image" alt="Tote Bag - 15&quot;x16.5&quot; [15&quot;x16.5&quot;]" title="Tote Bag - 15&quot;x16.5&quot; [15&quot;x16.5&quot;]" data-caption="" data-src="https://image.kite.ly/render/?product_id=sublimation_tote_bag&print_image=false&background=00000000&format=png&fill_mode=fit&scale=1&image=https%3A%2F%2Fs3.amazonaws.com%2Fkiteshopify%2F6e30f7a8-8226-4a92-9263-180a2419becf.jpeg&translate=0%2C0&rotate=0&variant=cover&size=1200x1200" data-large_image="https://image.kite.ly/render/?product_id=sublimation_tote_bag&print_image=false&background=00000000&format=png&fill_mode=fit&scale=1&image=https%3A%2F%2Fs3.amazonaws.com%2Fkiteshopify%2F6e30f7a8-8226-4a92-9263-180a2419becf.jpeg&translate=0%2C0&rotate=0&variant=cover&size=1200x1200" data-large_image_width="0" data-large_image_height="0" data-o_src="https://image.kite.ly/render/?product_id=sublimation_tote_bag&print_image=false&background=00000000&format=png&fill_mode=fit&scale=1&image=https%3A%2F%2Fs3.amazonaws.com%2Fkiteshopify%2F6e30f7a8-8226-4a92-9263-180a2419becf.jpeg&translate=0%2C0&rotate=0&variant=cover&size=1200x1200" data-o_height="0" data-o_width="0" data-o_srcset="" srcset="" data-o_sizes="" sizes="(max-width: 1px) 100vw, 1px" data-o_title="Tote Bag – 15″x16.5″" data-o_alt="Tote Bag – 15″x16.5″" data-o_data-src="https://image.kite.ly/render/?product_id=sublimation_tote_bag&print_image=false&background=00000000&format=png&fill_mode=fit&scale=1&image=https%3A%2F%2Fs3.amazonaws.com%2Fkiteshopify%2F6e30f7a8-8226-4a92-9263-180a2419becf.jpeg&translate=0%2C0&rotate=0&variant=cover&size=1200x1200" data-o_data-large_image="https://image.kite.ly/render/?product_id=sublimation_tote_bag&print_image=false&background=00000000&format=png&fill_mode=fit&scale=1&image=https%3A%2F%2Fs3.amazonaws.com%2Fkiteshopify%2F6e30f7a8-8226-4a92-9263-180a2419becf.jpeg&translate=0%2C0&rotate=0&variant=cover&size=1200x1200" data-o_data-large_image_width="0" data-o_data-large_image_height="0"></a></div>

    When using the URL only, I can see the image – no problem. It will not display using the code above.

    This works when tested with 2015 WordPress theme so can assume it’s a Pinnacle related issue?

    Thanks
    Dave

    Sorry, this forum is for Premium customers only. Please Login to continue

    If you are using a free theme you can access support on wordpress.org by searching for the free theme and using the support tab.