Вы можете рассмотреть возможность вставки изображения через баннер в определенных категориях.После этого вы можете ввести css через jQuery или переопределить простым css, чтобы отобразить баннер там, где вам нравится.
yourstore.xyz / manage / marketing / banner / create
Редактировать 1
Упаковка вашего div, если также должна решить вашу проблему при отображении этогоизображение в определенных продуктах.
{{#if product.shipping}}
{{#if product.shipping.price.value '===' 0}}
<img class="yourImgClass">{{imgURL}}
{{/if}}
{{/if}}
Редактировать 2
Вот способ JS удалить некоторые элементы из ваших определенных категорий:
var url = location.href;
if ( url.indexOf( 'your-url' ) !== -1 ) {
document.getElementById('your-free-shipping-image-id').remove();
console.log("yay, image bye");
}
else {
console.log("nay, image stays");
}
Редактировать 3 Это своего рода обходной путь с ограниченным знанием jQuery.Это было бы намного проще, если бы вы могли размещать идентификаторы на элементах span-обертки изображений, но я думаю, что вы будете в порядке с этим.Поместите это в нижний колонтитул, внутри скобок.
$(document).ready(function() {
var s = $('img[src*="https://cdn7.bigcommerce.com/s-7iywz/product_images/uploaded_images/free-shipping-banner.jpg"]');
var url = location.href;
console.log(s.length);
if ( url.indexOf( 'framed' ) !== -1 ) {
s.remove();
}
});