Skip Navigation

[Resolved] Run slick slider with image field created with toolset

This support ticket is created 3 years, 9 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 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 -
- 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 -

Supporter timezone: Asia/Hong_Kong (GMT+08:00)

This topic contains 1 reply, has 2 voices.

Last updated by Luo Yang 3 years, 9 months ago.

Assigned support staff: Luo Yang.

Author
Posts
#1202619

I need to insert a type of carousel image gallery into a type of custom post.

The custom post was created with toolset, as well as custom fields

Among the personalized fields, there is the "images" field which gives the possibility to upload multiple images

The site is an online classifieds site, users can insert their own ads from the frontend, so always with toolset I created the post form to allow this.

I created a file customizing slick (hidden link) and I created a customization that is very similar to that of the sito subito.it, I mean the carousel of images of the ads of that site.

So I got to a good point.

What I need and can not do is:

Make sure to insert slick on the "single post" page created with elementor. That is with elementor I created the page of the single post, where you will see posts created by users, then description, details, price and images.

I can install and configure everything, even images, but I can not import in some way the style created with slick (so the carousel stile subito.it) here is an example hidden link rover-freelander-2-hse-td4-emmeauto-cagliari-280831868.htm? gallery = 1 & last = 1
Obviously it will have to be dynamic, the images will have to be based on the published post

So I need this, let someone make sure to insert the custom field "images" and show the images through the style created with slick.

So from what I understand we need to set quacosina on toolset and a little something in elementor and it's done.

#1202909

Luo Yang
Supporter

Languages: English (English ) Chinese (Simplified) (简体中文 )

Timezone: Asia/Hong_Kong (GMT+08:00)

Hello,

Please elaborate the question with more details:
So I need this, let someone make sure to insert the custom field "images" and show the images through the style created with slick.

I assume we are talking about a multiple instance image field created with Types plugin, you can try to use [wpv-for-each] shortcode to display the image values to the HTML codes as you want:
hidden link

And you can introduce some other CSS style and JavaScript with Views content template:
https://toolset.com/documentation/user-guides/view-templates/#4-inline-css-and-javascript-editors-for-content-templates-optional

For example, you can create a content template "my-slick-ct":
- in the content, setup the HTML codes with [wpv-for-each] shortcode according to "slick" document:
hidden link
- in CSS editor, setup your custom CSS codes
- in JS editor, setup the custom javascript codes

Then display above content template with Views shortcode [wpv-post-body view_template="my-slick-ct"] in where you want
https://toolset.com/documentation/user-guides/views-shortcodes/#wpv-post-body