Dynamic Display Update

  • Resolved geoffreylm

    (@geoffreylm)


    7 months ago


    Hello,

    I’m currently setting up a product configurator for customized exercise books on our WooCommerce site, and I need help with a specific issue.

    When I configure an exercise book by selecting exercises in order, everything works fine. However, if I want to modify an exercise after moving to the next one, the display remains stuck on the last selection made.

    I would like to understand how to enable dynamic updating of the display based on user selections. For example, if they are selecting the third activity but decide to change their mind about the first one, their selection should appear instead of the last exercise.

    I hope I have explained it correctly.

    Any help or suggestions to resolve this issue would be greatly appreciated. Thank you in advance for your assistance!

    Best regards,

    – Geoffrey

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Contributor Marc Lacroix

    (@marcusig)

    Hi Geoffrey,

    I’m not sure to understand what you are trying to achieve, and I cannot access the product you shared above. Could you maybe make the product public or share a screencast for me to have a look?

    If you would rather not share these things here, you can use this form to send me details.

    Marc

    Thread Starter geoffreylm

    (@geoffreylm)

    Hello Marc,

    I’m sorry I forgot to remove the maintenance.
    I think that with the visual it will be easier to understand.
    You should be able to access it now.
    Thanks for your help

    Plugin Contributor Marc Lacroix

    (@marcusig)

    Hi Geoffrey,

    Thanks. There are two ways to achieve this:

    1. Using views:
    One option is to have 1 view (also called angle) per Activité, and adding the image to the corresponding view.
    If you only have 3 or 4 sections max, it could be a good choice.
    Then you can enable the automatic angle switch in the layer settings.

    2. Using CSS:
    It is also possible to achieve something similar with CSS: 

    .mkl_pc .mkl_pc_container .mkl_pc_viewer .mkl_pc_layers img:not(.current_layer) {
    display: none;
}

    This is the simplest and more performant way.
    The downside with this approach is that if the user closes all layers, then no image is displayed.

    Marc

    Thread Starter geoffreylm

    (@geoffreylm)

    Hello Marc !

    Thanks you so much it’s works ! You are my savior !

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Dynamic Display Update’ is closed to new replies.