• Resolved jaymedivh

    (@jaymedivh)


    I set up multiple teams on one page, such as.
    [TEAM_B id=204].
    [TEAM_B id=205].
    [TEAM_B id=206].

    But except the id=204 will be displayed normally, the rest will not be shown. The reason seems to be that the JQuery in the code directly uses the value of an id=wpsm-carousel-one, so that only the first one takes effect.

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

    (@jaymedivh)

    The theme used is design-4, and the main problem seems to be.
    Var owl = jQuery ('# wpsm-carousel-one').
    This line of work

    Hi @jaymedivh,

    Please share your site URL so we can solve your issue.

    Thank you

    Thread Starter jaymedivh

    (@jaymedivh)

    https://unitedu.net/%e8%b5%84%e6%b7%b1%e5%9b%a2%e9%98%9f/

    I have modified the local plug-in code, you can see the script code block in the plug-in section, the original.
    #wpsm-carousel-one has been annotated by me. I adjusted the code to modify the div attribute id of the rendering part of the php code with the suffix of the plug-in itself PostId, and modified the script code here.

    Hi @jaymedivh,

    Please follow the below steps:

    Step 1 : Go to plugin editor.

    Step 2 : Select plugin to edit: “Team Builder” from drop down.

    Step 3 : Go to Template > Design 4 > index.php file

    line no. 100, replace this

    <div id="wpsm-carousel-one" class="wpsm-team-owl-carousel">

    by this

    <div id="wpsm-carousel-<?php echo esc_attr($PostId); ?>" class="wpsm-team-owl-carousel">

    line no. 163,replace this

    var owl = jQuery('#wpsm-carousel-one');

    by this

    `var PostId = ‘<?php echo $PostId; ?>’;
    PostId = ‘#wpsm-carousel-‘+PostId;
    var owl = jQuery(PostId);`

    Step 5 : Do same thing in Design 5 and Design 6 both.

    if it works let us know

    Thank you

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Cannot work when multiple teams are set up on a page’ is closed to new replies.