Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • August 16, 2022 at 1:05 am #1361732
    sdsitetechdotcom

    Hi there,

    I’m trying to figure out how I can hide the price of one specific product from all places except for the checkout and cart area. Would this be possible? Please review the private content to see further information.

    Thank you,

    August 16, 2022 at 1:52 am #1361738
    Ismael

    Hey sdsitetechdotcom,

    Thank you for the inquiry.

    The following css code should hide the product price on most locations in the site aside from the checkout and cart page. You can add it in the Quick CSS field or in the child theme’s style.css file.

    #top.postid-20381 .product .price {
    display: none !important;
}

    You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css.

    Best regards,
    Ismael

    August 16, 2022 at 1:57 am #1361739
    sdsitetechdotcom

    Thanks foe the reply,

    I understand that this will hide the price for all products. Is it possible to do it for just one? Based on the product ID?

    Thanks,

    August 16, 2022 at 3:30 am #1361754
    Ismael

    Hi,

    We actually adjusted the above css code so that it only hides the price the product with the ID 20381. Please try it again.

    Best regards,
    Ismael

    August 16, 2022 at 6:34 am #1361756
    sdsitetechdotcom

    Hi there,

    I applied the CSS modification and am still not seeing the price hidden on that product ID. Do you have any recommendations to get this fix?

    Thanks,

    August 16, 2022 at 9:34 am #1361766
    Rikard

    Hi,

    Please try this CSS instead:

    #product-20381 p.price {
  display: none !important; 
}

    Best regards,
    Rikard

    August 17, 2022 at 6:14 am #1361894
    sdsitetechdotcom

    Thanks for the reply,

    That seems like it would work just fine, but is still somehow visible:

    August 17, 2022 at 9:37 am #1361901
    Rikard

    Hi,

    I added the code I sent to the top of Quick CSS, and it’s working now. You might have some invalid CSS in the Quick CSS box, which stopped it from working.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.