Brand Harbor
·
Added a discussion
Disable Product Cover Image

See attached. We have been looking for where within UNA CMS you can disable and hide the cover image that shows on a product in market. We looked in Developer, Forms, Navigation and Pages under System and Market. Nowhere in any of the modules can we find a place to disable or hide. Can someone direct us in the right direction to discover where this can be disabled? Thank you.

  • 1610
  • 1
Comments

    • Hello @Brand Harbor !

      Could you please specify - did you try to disable the Covers in the Studio->Pages->Market->View Product->Settings area like shown in the picture?

      • So Cover as referenced by you refers to the page cover. What we are attempting to disable is the product header image. There is no setting anywhere to hide this field. We can enable a product icon on dashboard - settings - market. That is all we want to show for product offerings.

        • 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;

          }

          • what it looks like after adding this code

            image_transcoder.php?o=sys_images_editor&h=2823&dpx=2&t=1758302459

            • To block the product header on the view-product page add... id="bx-page-block-3893" to the code

              Login or Join to comment.