Make Sticky Cart work with Extra Product Options Plugin

This topic has 6 replies, 2 voices, and was last updated 1 years ago ago by Rose Tyler

  • Avatar: Emanuel
    Emanuel
    Participant
    April 25, 2023 at 16:10

    Hi!
    I have installed the plugin “Extra Product Options”, and I get this on the sticky cart:
    single product

    I found out that with this css code I can hide it: .etheme-sticky-panel .tc-extra-product-options {display:none;}

    But I would like the extra options to show up when the product is a variable one, and instead of the add to cart button, I have this:
    variable product

    Conclusion: I want the Extra Product options to be hidden when it’s a simple product, but I want it to show when the product is variable.

    How might I do that?

    5 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    April 26, 2023 at 09:30

    Hello, Emanuel,

    Thank you for getting in touch with us.

    Please provide URLs of simple and variable products where we will be able to see tc-extra-product-options.

    Thank you for your cooperation and we look forward to hearing from you soon.

    Kind Regards,
    8theme team

    Avatar: Emanuel
    Emanuel
    Participant
    April 26, 2023 at 10:05

    Simple product:
    https://gravurescu.ro/produs/cutie-servetele-personalizata/

    Variable product:
    https://gravurescu.ro/produs/rama-foto-personalizata/

    Also, since we’re here, on the front page, on the hotspot area, how can I make the whole thing clickable, or at least the image, but not just the product title. I feel like people would be mad at clicking the image and nothing happening.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    April 26, 2023 at 11:53

    Hello, Emanuel,

    Thank you for your response.

    1/ You can try to use the next custom CSS code:

    .etheme-sticky-panel .tm-extra-product-options {
        display: none;
    }
    .etheme-sticky-panel form.variations_form .tm-extra-product-options {
        display: block;
    }

    2/ We appreciate your recommendation. We will take it into consideration for our upcoming updates.

    Kind Regards,
    8theme team

    Avatar: Emanuel
    Emanuel
    Participant
    April 26, 2023 at 12:15

    The css code works perfectly. Thanks!

    In regards to the hotspot thing I guess I can try to edit the code, but what will happen to it when I update the theme? Will the code be “erased”?

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    April 26, 2023 at 14:28

    Hello, Emanuel,

    Thank you for your response.

    Yes, any file from the parent XStore theme or any plugin will be “erased” after its update. But according to the fact this fix will be included in the next theme update, you can do such improvements because they will be included globally later and won’t be lost.

    You may edit et-core-plugin/app/controllers/elementor/general/hotspot.php and add next lines →

    echo '<a href="'.get_permalink($hotspot['product_id']).'">';
      woocommerce_template_loop_product_thumbnail();
    echo '</a>';

    Result: https://prnt.sc/bsI3_yQ_pmwb

    Kind Regards,
    8theme team

  • Viewing 6 results - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.