Checkout Page Customization

  • Resolved faridatibis

    (@faridatibis)


    1 month, 2 weeks ago

    Hi
    Thank you for your plugin.
    I would like to hide the following text from the checkout page:

    • Recurring totals: Subtotal X for Y months
    • Recurring total: X for Y months

    However, I cannot find any CSS ID or class associated with this part.

    When I use the following code:
    /* Cclw cart totals */
    #order_review_table .woocommerce-checkout-review-order-table .cclw_cart_totals { display: none; }

    It also hides the cart discount section and the link for clearing the free trial coupon, which I want to keep visible.
    Could you please guide me on how to achieve this?
    Thank you for your assistance!

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author Md Jahidul Islam

    (@md-jahidul-islam)

    Hi Farida,

    You’re welcome! Could you please let me know which theme you’re using? Additionally, if you could share your website URL and a dummy coupon code, I can take a closer look and see if there’s a way to hide it.

    You can send the details to my email at [email protected].

    Thanks!
    Jahid

    Thread Starter faridatibis

    (@faridatibis)

    Hi

    Thank you for your response.

    Here are the links you need:

    1. Product Selection Page: You can choose a product by clicking on one of the orange, blue, or green buttons at the following link:
      Product Selection
    2. Checkout Page: After selecting a product, you will be redirected to this page where you can enter the discount code for the trial period (in the second line):
      Checkout

    Discount Code:
    free

    Additionally, the website theme is BuddyBoss.

    Could you please let me know if it’s possible to hide the section I want to hide on your website using CSS? I believe the solution might involve assigning an ID or class to the section I want to hide.

    Thank you!

    Plugin Author Md Jahidul Islam

    (@md-jahidul-islam)

    Hi Farida,

    Thank you for providing the details!

    I tried using the Chrome browser to inspect and find a way to hide the element, but it didn’t allow me to check the HTML code through inspection. Could you please help me with this? Additionally, since the content is in Persian, it’s a bit challenging for me to understand. Could you provide a screenshot and highlight the specific area you’d like to hide using CSS?

    Best regards,
    Jahid

    Thread Starter faridatibis

    (@faridatibis)

    Hi

    I wanted to inform you that the issue I encountered with editing the desired section using CSS was related to the “One Page Checkout and Layouts for WooCommerce” plugin.
    After removing the plugin, the problem was resolved.

    Thank you for your assistance.

    Plugin Author Md Jahidul Islam

    (@md-jahidul-islam)

    Hi Farida,

    It’s my pleasure! Please feel free to leave review if you like our plugin.

    Best Regards
    Jahid

    Thread Starter faridatibis

    (@faridatibis)

    Hi
    I wrote my review
    Thank you!

    Plugin Author Md Jahidul Islam

    (@md-jahidul-islam)

    Hi Farida,

    Thank you and really appreciate it.

    Best Regards
    Jahid

Viewing 7 replies - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.

Tags