Is it possible to re-create Logo Carousel Slider (like Modern Slider) with New Slider Element?

Hallo

Is it possible to re-create Logo Carousel Slider (like Modern Slider) with New Slider Element?

Thank You

Hey Daniele,

Thanks for writing in!

Yes, it is possible to recreate the Logo Carousel Slider. Simply use the new Slider (Inline) element.

And then insert an Image element in each slide. With a few tweaks to the new Slide element settings, you should be able to have your own Logo Carousel Slider.

Hope this makes sense.

Thank You

But in order to obtain Black and white / Color effects and other sliding effects?

https://demo.theme.co/modern-sliders/#:~:text=matter%20their%20dimensions%20(-,swiping%20disabled,-).

Just another question:
How can I convert SVG img file into JSON compatible syntax in order to put it into JSON Looper content?

Thank You

Hello Daniele,

You can apply Grayscale Filter effects for each of your slides.

You can use any SVG Converter online:

And then use the resulting SVG code into the JSON:

{
    "company"     : "Spotify",
    "svg"         : "<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 8192 2548.9\" xml:space=\"preserve\"><path fill=\"#2ebd59\" d=\"M1274.5 0C570.6-.1 0 570.5 0 1274.4s570.6 1274.5 1274.5 1274.5S2549 1978.3 2549 1274.4C2549 570.6 1978.4 0 1274.5 0zM1859 1838.1c-22.9 37.5-71.7 49.3-109.2 26.4-299.2-182.9-676-224.2-1119.6-122.9-42.8 9.8-85.4-17-95.1-59.7-9.8-42.8 16.9-85.4 59.7-95.1 485.4-111 901.9-63.2 1237.9 142 37.3 23 49.2 71.8 26.3 109.3zm155.9-347c-28.8 46.8-90 61.4-136.7 32.7-342.5-210.5-864.8-271.5-1270-148.5-52.5 15.9-108-13.7-124-66.2-15.8-52.5 13.8-107.9 66.3-123.9 462.8-140.4 1038.3-72.4 1431.6 169.3 46.8 28.8 61.6 89.9 32.8 136.6zm13.4-361.4c-410.8-244-1088.5-266.4-1480.7-147.4-63 19.1-129.6-16.4-148.6-79.4-19-63 16.4-129.6 79.5-148.7C928.7 617.5 1677 643.9 2150 924.6c56.7 33.7 75.2 106.9 41.7 163.4-33.6 56.6-107 75.3-163.4 41.7z\"\/><path d=\"m3467.9 1176.7-.4-.2c-220-52.4-259.2-89.3-259.2-166.7 0-73.1 68.9-122.3 171.2-122.3 99.2 0 197.6 37.4 300.8 114.3 3.1 2.3 7 3.2 10.9 2.6 3.8-.6 7.2-2.7 9.5-5.9L3808.1 847c4.4-6.3 3.2-14.9-2.7-19.6-122.8-98.5-261-146.5-422.7-146.5-237.6 0-403.5 142.6-403.5 346.6 0 218.8 143.1 296.2 390.6 356 210.5 48.5 246.1 89.1 246.1 161.8 0 80.5-71.8 130.5-187.5 130.5-128.4 0-233.2-43.3-350.4-144.8-2.9-2.5-6.9-3.7-10.6-3.5-3.9.3-7.4 2.1-9.9 5L2937 1676c-5 5.9-4.4 14.9 1.4 20 136.4 121.8 304 186 485.1 186 256 0 421.4-139.9 421.4-356.4.5-182.5-109-283.7-377-348.9zm4721.6-192c-2.7-3.9-7-6.3-11.8-6.3h-205.2c-6.2 0-11.7 3.9-13.7 9.7l-210.1 600.2-230.2-600.6c-2.1-5.6-7.5-9.3-13.5-9.3h-336.6l.1-.1v-27.2c0-80.1 30.7-115.8 99.6-115.8 41 0 74.1 8.2 111.1 20.5 4.5 1.4 9.3.7 13-2 3.8-2.7 5.9-7.1 5.9-11.7V676c0-6.3-4.1-12-10.2-13.8-39-11.7-89-23.6-163.8-23.6-182 0-278.2 102.4-278.2 296.3v41.7h-94.7c-7.9 0-14.4 6.5-14.4 14.4v170.2c0 7.9 6.5 14.4 14.4 14.4h94.8v675.9c0 8 6.4 14.4 14.3 14.4h197.1c8 0 14.4-6.5 14.4-14.4v-675.8h183.9l281.8 675.7c-32 71-63.5 85.1-106.4 85.1-34.7 0-71.3-10.3-108.6-30.8-3.5-1.9-7.7-2.3-11.5-1-3.7 1.3-7 4.1-8.5 7.7l-66.8 146.5c-3.2 7-.4 15 6.2 18.6 69.7 37.7 132.6 53.8 210.5 53.8 145.5 0 225.9-67.7 296.8-250.1L8191 998.1c1.8-4.5 1.3-9.4-1.5-13.4zM6633.2 586.1c-78.1 0-141.5 63.2-141.5 141.2 0 78.1 63.4 141.4 141.4 141.4s141.3-63.2 141.3-141.4c.1-78-63.3-141.2-141.2-141.2zM4424.4 959.4h-.3c-111 0-202 43.7-277.1 133.2V991.9c0-8-6.4-14.4-14.4-14.4h-197.1c-8 0-14.4 6.5-14.4 14.4V2112c0 8 6.4 14.4 14.4 14.4h197.1c7.9 0 14.4-6.5 14.4-14.4v-353.6c75.1 84.3 166.1 125.4 277.1 125.4 206.2 0 414.9-158.7 414.9-462.1.4-303.5-208.4-462.3-414.6-462.3zm185.6 462.4c0 154.5-95.1 262.4-231.5 262.4-134.7 0-236.4-112.7-236.4-262.4 0-149.6 101.7-262.4 236.4-262.4 134.1 0 231.5 110.3 231.5 262.4zm2120.6-444.3s-.1 0 0 0l-197.1-.1c-8 0-14.4 6.5-14.4 14.4v859.7c0 8 6.5 14.4 14.4 14.4h197.1c7.9 0 14.4-6.5 14.4-14.4V992c0-7.9-6.5-14.4-14.4-14.5zm-317.3.1-.2-.1h-216.8V755.9c0-7.9-6.4-14.4-14.3-14.4h-197c-8 0-14.4 6.5-14.4 14.4v221.7h-94.7c-7.9 0-14.3 6.5-14.3 14.4v169.3c0 7.9 6.4 14.4 14.3 14.4h94.7v438.1c0 177.1 88.1 266.8 261.9 266.8 70.7 0 129.3-14.6 184.5-45.9 4.5-2.5 7.3-7.4 7.3-12.5V1661c0-5-2.6-9.7-6.9-12.3-4.3-2.7-9.7-2.9-14-.7-37.9 19.1-74.6 27.9-115.7 27.9-63.2 0-91.4-28.7-91.4-93.1v-407.2h216.8c8 0 14.3-6.5 14.3-14.4V992c.3-7.9-6-14.4-14.1-14.4zM5374 959.5c-265.5 0-473.6 204.5-473.6 465.5 0 258.3 206.6 460.6 470.3 460.6 266.5 0 475.2-203.8 475.2-463.9.1-259.1-207.2-462.2-471.9-462.2zm.1 726.1c-141.2 0-247.8-113.5-247.8-263.9 0-151.1 102.8-260.7 244.5-260.7 142.2 0 249.3 113.5 249.3 264 .1 151-103.4 260.6-246 260.6z\"\/><\/svg>",
    "height"      : "1em",
    "positionTop" : "0em"
  }

Best Regards.

Hi Ruenel

I’ve just bought Modern Slider

I’ve tried to convert my SVG file to JSON, but I not obtain something like:
"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 8192 2548.9\" xml:space=\"preserve\">

But I obtain something like:
[{
“version”: “1.0”,
“image”: {
“name”: “/home/videosdownloader/public_html/image/public/uploadt/logo-STA-25.svg”,
“baseName”: “logo-STA-25.svg”,
“format”: “SVG”,
“formatDescription”: “SVG”,
“mimeType”: “image/svg+xml”,
“class”: “DirectClass”,
“geometry”: {
“width”: 709,
“height”: 306,
“x”: 0,
“y”: 0
},

That is not accepted by JSON

Plase could you help me?

Hello Daniele,

The SVG converter I’ve sent will help you convert your jpeg or png image into an SVG image. Once you have the SVG code, you can use it in a JSON for your Looper provider. Please provide us with the image URL or the SVG image codes so that we can check and provide the JSON format for your looper. If you can provide us the access to your site, that would be great too so that we can check your slider settings. You can create a secure note in your next reply with the following info:
– Link to your site
– WP login URL
– WP username
– WP password
– WP Administrator Role
- Confirmation that we can access and make changes to your site

To know how to create a secure note, please check this out: How The Forum Works

Best Regards.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.