PPOM with ELEMENTOR – Responsive problem

  • Resolved whirlywhirly

    (@whirlywhirly)


    4 years ago

    Hello,

    This is to report a Bug with Elementor.

    I created a Unique Product Page Model.
    I added 2 SECTIONS, one hidden for Mobile and the second one hidden for Desktop and Tablets.
    Inside each SECTION I added the ADD-TO-CART button with PPOM Fields.

    Problem : Total Prices do not display in Mobile.

    Explanation : PPOM Fields are identified by ID. So my DOM contains 2 buttons (one hidden, one displayed) identified with the same ID ! This creates problems with querySelectors !

    FYI I added custom Javascript code to do something else. In order to select my elements I added unique IDs for each section in Elementor. So I have for example : document.querySelector(“#section_desktop #ppom_textfield1”) and document.querySelector(“#section_mobile #ppom_textfield1”). This allows me to run my Custom Script.

    I hope this is clear. Can you solve that problem ?

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter whirlywhirly

    (@whirlywhirly)

    Edit : This also creates problems with DATE PICKER and FILE INPUT !

    N-Media

    (@nmedia)

    Hi,

    Sorry, but we don’t recommend making changes in PPOM. And please use it Product page without any builder.

    Thread Starter whirlywhirly

    (@whirlywhirly)

    Hello,

    I am surprised by your answer beacause most of wordpress users use a builder. Elementor is one of the most popular and I think you should solve these compatibility problem.

    I bought PPOM PRO and I am not satisfied.

    Best regards,

    Hi @whirlywhirly,

    Well, I am not saying that if Elementor is using the PPOM won’t work. We have many clients using PPOM with Elementor. But when you make changes in PPOM and secondly build blocks it may break the WooCommerce some hooks which cause the issue to render PPOM fields.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘PPOM with ELEMENTOR – Responsive problem’ is closed to new replies.