Comment to 'Disable Product Cover Image'
  • 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: -page-block-3952, -page-block-3920, -page-block-3919 */

    /* 1) Common cover wrappers */

    -page-block-3952 .bx-base-general-entity-cover,

    -page-block-3952 .bx-market-entity-cover,

    -page-block-3952 .bx-cover,

    -page-block-3952 .bx-cover-wrapper,

    -page-block-3952 .bx-cover-image,

    -page-block-3952 .bx-cover-bg,

    -page-block-3920 .bx-base-general-entity-cover,

    -page-block-3920 .bx-market-entity-cover,

    -page-block-3920 .bx-cover,

    -page-block-3920 .bx-cover-wrapper,

    -page-block-3920 .bx-cover-image,

    -page-block-3920 .bx-cover-bg,

    -page-block-3919 .bx-base-general-entity-cover,

    -page-block-3919 .bx-market-entity-cover,

    -page-block-3919 .bx-cover,

    -page-block-3919 .bx-cover-wrapper,

    -page-block-3919 .bx-cover-image,

    -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 */

    -page-block-3952 .bx-cover > img,

    -page-block-3952 .bx-cover img,

    -page-block-3920 .bx-cover > img,

    -page-block-3920 .bx-cover img,

    -page-block-3919 .bx-cover > img,

    -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 */

    -page-block-3952 [style*="background-image"],

    -page-block-3920 [style*="background-image"],

    -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 */

    -page-block-3952 .bx-cover::before,

    -page-block-3952 .bx-cover::after,

    -page-block-3952 .bx-cover-wrapper::before,

    -page-block-3952 .bx-cover-wrapper::after,

    -page-block-3920 .bx-cover::before,

    -page-block-3920 .bx-cover::after,

    -page-block-3920 .bx-cover-wrapper::before,

    -page-block-3920 .bx-cover-wrapper::after,

    -page-block-3919 .bx-cover::before,

    -page-block-3919 .bx-cover::after,

    -page-block-3919 .bx-cover-wrapper::before,

    -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) */

    -page-block-3952 [class*="cover"]:not(.bx-base-general-unit-cover):not(.bx-def-unit-cover):not(.bx-card-image):not(.bx-grid-photo),

    -page-block-3920 [class*="cover"]:not(.bx-base-general-unit-cover):not(.bx-def-unit-cover):not(.bx-card-image):not(.bx-grid-photo),

    -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 */

    -page-block-3952 .bx-block-content,

    -page-block-3920 .bx-block-content,

    -page-block-3919 .bx-block-content {

     margin-top: 0 !important;

     padding-top: 0 !important;

    }

    /* 7) Keep product titles/names/categories explicitly visible */

    -page-block-3952 .bx-market-title,

    -page-block-3952 .bx-market-unit-title,

    -page-block-3952 .bx-market-entity-title,

    -page-block-3920 .bx-market-title,

    -page-block-3920 .bx-market-unit-title,

    -page-block-3920 .bx-market-entity-title,

    -page-block-3919 .bx-market-title,

    -page-block-3919 .bx-market-unit-title,

    -page-block-3919 .bx-market-entity-title {

     display: block !important;

     visibility: visible !important;

    }