-
I will add this for anyone who wants to hide the product header image in certain blocks on their site. I added this to Artificer - Styles - Custom Styles. Your blocks may be different on where you have products appear on your site.
/* ===== Market: hide ONLY the product header/cover image in specific blocks ===== */
/* Blocks:
#bx-page-block-3952,#bx-page-block-3920,#bx-page-block-3919 *//* 1) Common cover wrappers */
#bx-page-block-3952 .bx-base-general-entity-cover,#bx-page-block-3952 .bx-market-entity-cover,#bx-page-block-3952 .bx-cover,#bx-page-block-3952 .bx-cover-wrapper,#bx-page-block-3952 .bx-cover-image,#bx-page-block-3952 .bx-cover-bg,#bx-page-block-3920 .bx-base-general-entity-cover,#bx-page-block-3920 .bx-market-entity-cover,#bx-page-block-3920 .bx-cover,#bx-page-block-3920 .bx-cover-wrapper,#bx-page-block-3920 .bx-cover-image,#bx-page-block-3920 .bx-cover-bg,#bx-page-block-3919 .bx-base-general-entity-cover,#bx-page-block-3919 .bx-market-entity-cover,#bx-page-block-3919 .bx-cover,#bx-page-block-3919 .bx-cover-wrapper,#bx-page-block-3919 .bx-cover-image,#bx-page-block-3919 .bx-cover-bg {display: none !important;
visibility: hidden !important;
height: 0 !important;
padding: 0 !important;
margin: 0 !important;
line-height: 0 !important;
}
/* 2) If a plain is used for the hero */
#bx-page-block-3952 .bx-cover > img,#bx-page-block-3952 .bx-cover img,#bx-page-block-3920 .bx-cover > img,#bx-page-block-3920 .bx-cover img,#bx-page-block-3919 .bx-cover > img,#bx-page-block-3919 .bx-cover img {display: none !important;
height: 0 !important;
padding: 0 !important;
margin: 0 !important;
}
/* 3) If the hero is applied via inline background-image */
#bx-page-block-3952 [style*="background-image"],#bx-page-block-3920 [style*="background-image"],#bx-page-block-3919 [style*="background-image"] {background: none !important;
min-height: 0 !important;
height: 0 !important;
padding: 0 !important;
margin: 0 !important;
}
/* 4) If the theme draws the hero via ::before/::after */
#bx-page-block-3952 .bx-cover::before,#bx-page-block-3952 .bx-cover::after,#bx-page-block-3952 .bx-cover-wrapper::before,#bx-page-block-3952 .bx-cover-wrapper::after,#bx-page-block-3920 .bx-cover::before,#bx-page-block-3920 .bx-cover::after,#bx-page-block-3920 .bx-cover-wrapper::before,#bx-page-block-3920 .bx-cover-wrapper::after,#bx-page-block-3919 .bx-cover::before,#bx-page-block-3919 .bx-cover::after,#bx-page-block-3919 .bx-cover-wrapper::before,#bx-page-block-3919 .bx-cover-wrapper::after {content: none !important;
display: none !important;
}
/* 5) Defensive catch-all: anything with "cover" in the class (but NOT card thumbnails) */
#bx-page-block-3952 [class*="cover"]:not(.bx-base-general-unit-cover):not(.bx-def-unit-cover):not(.bx-card-image):not(.bx-grid-photo),#bx-page-block-3920 [class*="cover"]:not(.bx-base-general-unit-cover):not(.bx-def-unit-cover):not(.bx-card-image):not(.bx-grid-photo),#bx-page-block-3919 [class*="cover"]:not(.bx-base-general-unit-cover):not(.bx-def-unit-cover):not(.bx-card-image):not(.bx-grid-photo) {display: none !important;
visibility: hidden !important;
height: 0 !important;
padding: 0 !important;
margin: 0 !important;
line-height: 0 !important;
}
/* 6) Collapse any top gap the template reserves for the hero */
#bx-page-block-3952 .bx-block-content,#bx-page-block-3920 .bx-block-content,#bx-page-block-3919 .bx-block-content {margin-top: 0 !important;
padding-top: 0 !important;
}
/* 7) Keep product titles/names/categories explicitly visible */
#bx-page-block-3952 .bx-market-title,#bx-page-block-3952 .bx-market-unit-title,#bx-page-block-3952 .bx-market-entity-title,#bx-page-block-3920 .bx-market-title,#bx-page-block-3920 .bx-market-unit-title,#bx-page-block-3920 .bx-market-entity-title,#bx-page-block-3919 .bx-market-title,#bx-page-block-3919 .bx-market-unit-title,#bx-page-block-3919 .bx-market-entity-title {display: block !important;
visibility: visible !important;
}