Skip Navigation

[Resolved] Display repeatable group content in Elementor

This support ticket is created 2 years, 3 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun Mon Tue Wed Thu Fri Sat
- 9:00 – 12:00 9:00 – 12:00 9:00 – 12:00 9:00 – 12:00 9:00 – 12:00 -
- 13:00 – 18:00 13:00 – 18:00 13:00 – 18:00 14:00 – 18:00 13:00 – 18:00 -

Supporter timezone: America/Jamaica (GMT-05:00)

This topic contains 10 replies, has 2 voices.

Last updated by Jean Rapenne 2 years, 3 months ago.

Assisted by: Shane.

Author
Posts
#2447931

Hi there,

I try to display 3 fields of a repeatable group (Animateurs): Avatar, Name and email adress, in an Elementor template.

Many thanks for the help.

Regards.

Jean

#2448125

Shane
Supporter

Languages: English (English )

Timezone: America/Jamaica (GMT-05:00)

Hi Jean,

Thank you for getting in touch.

I'm assuming these fields are in a single repeatable field group on a post. Since you're using elementor you will need to use the Classic editor for view to setup the display of the repeatable field group.

If the classic view hasn't been enabled you can enable it by going to Toolset -> Settings and scrolling to Editing Experience. From there I recommend that you select " Show both the legacy and Blocks interface and let me choose which to use for each item I build".

This will allow you to have access to the classic editor as well as the block editor. From there refresh the page and go to Toolset -> Views.

Now go to Toolset -> Views and add a new view. Under the post type option select your repeatable field group post type. Under Query Filter you will click add new and select the filter for "Post relationship or Repeatable field group owner"

Then set the filter to "The post where this View is shown".

From there you can go to the Loop Editor and using the Loop wizard adding the fields that you require.

Finally once all this is done you can then go to your elementor template and insert the view onto the template either using the view's shortcode or the view widget that elementor provides.

The view shortcode should be in the format.

[wpv-view name='my-view']

Where 'my-view' is the slug of your view.

Please let me know if this helps.
Thanks,
Shane

#2448309

Hi Shane,

Many thanks for your answer.

I'm sorry to not be more precise on the contaxt. In my case, I use repeatable fields in WoCommerce templates.

Hope it changes nothing in the process.

Regards.

Jean

#2448365

Hi Shane,

As my WordPress admin is in French, I've not find the Toolset setting you're talking about.

Please find the coonect link and show me where to setup " Show both the legacy and Blocks interface and let me choose which to use for each item I build".

Use this link to connect : hidden link

Many thanks for your help.

Regards.

Jean

#2448709

Shane
Supporter

Languages: English (English )

Timezone: America/Jamaica (GMT-05:00)

Hi Jean,

The setting i'm referring to is on this page below.
hidden link

It should be under the heading "Modification de l'expérience".

Also if you're using elementor to create custom templates for your Woocommerce products then the process doesn't change.

Thanks,
Shane

#2450821
CaptureWithViewDisplayedTwice.jpg

Hi there !

I achieve to create a View from Toolset product repeatable fields, but the View display the same group of fields twice (see attached image).

Could you explain to me how to display only one when only one Animator’s datas are given.

Do you have a tuto to style the View display of the View: (resize the image, Name and e-mail centered and on different lines.

Many thanks for your help

#2451081

Shane
Supporter

Languages: English (English )

Timezone: America/Jamaica (GMT-05:00)

Hi Jean,

We do have some design tutorials but they may not be specific to your needs but should give a general understanding of how to style your content.
https://toolset.com/related-lesson/designing/

Secondly your view is using a content template which can be found at the link below.
hidden link

With this you can edit your view's design visually.

Thanks,
Shane

#2451397
AnimatorBadDisplay.jpg
captureAnimatorSetting.jpg

Hi Shane,

Many thanks for your support, I've achieved my needed display styling.

I still have a display issue, Only 1 Anomator is specified in the product, but 2 are displayed in View (the same one indeed). How to display only one Animator in this case, and all the animators side by side, xhen more than one specified?

See attached captures.

Regards.

Jean

#2451779

Shane
Supporter

Languages: English (English )

Timezone: America/Jamaica (GMT-05:00)

Hi Jean,

The reason for this is that you've not added the query filters that i've instructed you to add from my previous post.

Please add the query filter by doing the following.
Under the post type option select your repeatable field group post type. Under Query Filter you will click add new and select the filter for "Post relationship or Repeatable field group owner"

Then set the filter to "The post where this View is shown".

Once you do this then the view should filter correctly.

Thanks,
Shane

#2452055

Hi Shane,

I've made the settings how you show me, and now, the field is correctly displayed.

Best regards

Jean

#2452057

Issue resolved. Thanks