Okay
  Public Ticket #3392130
How to remove - image, product name and category.
Closed

Comments

  •  15
    Patryk started the conversation

    Hello! :)

    Is it possible to remove the photo, product name and category.(WooCommerce) Generally the whole marked part as in the picture? (I would like to leave only the description)
    I am very much asking for help. would apply it to all products.


    Attached files:  Zrzut ekranu 2023-06-14 o 00.38.20.png

  •  1,877
    Judith replied

    Hi Patryk,

    Thanks for writing to us.

    .woocommerce div.product[data-gallery-style=ios_slider] div.images, .woocommerce div.product[data-gallery-style=left_thumb] div.images {
        display: none;
    } .product[data-tab-pos*=fullwidth] .summary.entry-summary {
        display: none;
    } .woocommerce .woocommerce-breadcrumb {
        display: none;
    }

    Thanks.


  •  15
    Patryk replied

    Thanks, you are the best. That helps me a lot! :)

    One more think. It possible to remove white space below menu, to make it like normal page? Now is big space between content and menu. I am very much asking for help.

  •  2,958
    Andrew replied

    Hey Patryk,

    Thank you for getting back to us.

    To fix this issue, try adding this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    @media only screen and (min-width: 1000px) {
      .woocommerce div.product .woocommerce-tabs[data-tab-style=fullwidth_stacked] {
          padding-top: 0;
      }
    }
    

    Thanks,

  •  15
    Patryk replied

    thanks you are awesome!!! :) but stil is a little problem because on the mobile that looks not correct. Could you check pls? On desktop that looks good but still not like normal (menu nav bar is big) because of white area.

  •  2,958
    Andrew replied

    Hello again Patryk,

    Thank you for getting back to us.

    Try adding this CSS and let us know how that goes.

    body[data-header-resize="1"] .container-wrap, body[data-header-resize="1"] .project-title {
        padding-top: 0;
    }
    

    Kind regards,

  •  15
    Patryk replied

    Thank you very very much! on desktop is perfect, but on tablet and smartphone is still white space. (like on picture)

    6496091169.jpg
  •  1,877
    Judith replied

    Hi Patryk,

    Please try this css:

    @media only screen and (min-width: 1px) and (max-width: 999px){
    #header-space[data-header-mobile-fixed="1"] {
        display: none;
    } }

    Thanks.

  •  15
    Patryk replied

    Thanks :) you are great