Metafield не дает последующее содержание ⇐ Html

[Anonymous]

У меня есть метафилд, который я добавляю на страницы продукта на моем сайте. Код MetaField здесь: < /p>

{%- if product.metafields.global.oem -%}


alt="OEM Image" class="oem-image" />
title goes here
oem notice goes here

{%- endif -%}
< /code>
Соответствующий CSS здесь: < /p>
/*oem image*/
.oem-container {
background: var(--secondary-background);
border-radius: 3px;
padding: 20px;
margin: 10px 0;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
align-items: center;
margin-bottom: 10px;
}

.oem-image {
max-width: 250px; /* Adjust as needed */
margin-right: 10px;
}

.oem-title {
align-items: center;
}
< /code>
Проблема, с которой я сталкиваюсь, заключается в том, что она сталкивается с разделом под ним, раздел связанных продуктов: < /p>
{%- when 'complementary_products' -%}

{%- if recommendations.performed and recommendations.products_count > 0 -%}


{{ block.settings.title | escape }}


{%- for product in recommendations.products -%}
{%- render 'product-item', product: product, horizontal: true, hide_labels: true, show_add_to_cart: block.settings.show_quick_buy, complementary_products: true -%}
{%- endfor -%}



{%- endif -%}

< /code>
Я пробовал простые исправления, такие как добавление нижнего края и условного JS, когда метафилд существует безрезультатно. Любая помощь или предложения оценены.


Подробнее здесь: https://stackoverflow.com/questions/795 ... nt-content