Logo Carousel Slider - Making images a link

[mathis1989]

I want to turn the images into a link in my logo carousel slider - below you see my code in the Looper Provider:JSON. What should I add?

{
“company” : “mikro”,
“image” : “https://mikrolegat.ffe-ye.dk/media/793220/mikrolegat-uden-baggrund.png width=249px&height=67px”,
“height” : “3em”,
“positionTop” : “0em”
},

[tristup]

Hi @mathis1989,

Thanks for reaching out.
To add the Link into the Logo of each slider, please add another attribute in the JSON. Then you need to fetch the link through the Dynamic Content tag {{dc:looper:field key="link"}} and add that as the href in the Raw Content like shown in the given screenshot.

{
    "company"     : "Amazon",
    "svg"         : "<svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" x=\"0\" y=\"0\" viewBox=\"0 0 2405.5 723.7\" xml:space=\"preserve\"><path d=\"M511.9 172.7v232.7c0 7.9-6.4 14.2-14.2 14.2h-73.5c-7.9 0-14.2-6.4-14.2-14.2V26.9c0-7.9 6.4-14.2 14.2-14.2h68c7.9 0 14.2 6.4 14.2 14.2v53.3s24.3-76 96.4-76c0 0 71.3-8.6 100.3 70.5 0 0 24.3-70.5 98-70.5 0 0 109.6-6.5 109.6 106.9l.8 62.4v232.7c0 7.9-6.4 14.2-14.2 14.2h-73.5c-7.9 0-14.2-6.4-14.2-14.2l-.6-253.9c2.1-57.5-44.4-53.3-44.4-53.3-58.5 1-52.9 74.5-52.9 74.5v232.7c0 7.9-6.4 14.2-14.2 14.2H624c-7.9 0-14.2-6.4-14.2-14.2V158.1s4.3-59.6-48-59.6c0 0-51.7-6.8-49.9 74.2zm1893.6-.7v232.7c0 7.9-6.4 14.2-14.2 14.2l-76.4 1.5c-7.9 0-14.2-6.4-14.2-14.2V158.1s4.3-59.6-48-59.6c0 0-49.9-2.5-49.9 90.9v216c0 7.9-6.4 14.2-14.2 14.2h-73.5c-7.9 0-14.2-6.4-14.2-14.2V26.9c0-7.9 6.4-14.2 14.2-14.2h68c7.9 0 14.2 6.4 14.2 14.2v53.3s24.3-76 96.4-76c0 0 77.3-11.7 103.3 69.1 0-.1 8.5 16.6 8.5 98.7zM1875.1 2.6c-94 0-170.1 79.2-170.1 212.4 0 117.3 58.8 212.4 170.1 212.4 105 0 170.1-95.1 170.1-212.4 0-130.9-76.2-212.4-170.1-212.4zm59.3 217.1c0 50.2-6.3 76.8-6.3 76.8-8.9 53-47.4 53.1-53.1 52.8-6.1.2-45-.3-53-52.8 0 0-6.3-26.7-6.3-76.8v-8.4c0-50.2 6.3-76.8 6.3-76.8 8-52.5 46.9-53.1 53-52.8 5.7-.3 44.2-.2 53.1 52.8 0 0 6.3 26.7 6.3 76.8v8.4zm-272.1-140V25.4c0-7.9-6.4-14.2-14.2-14.2h-242.8c-7.9 0-14.2 6.4-14.2 14.2v53.9c0 7.9 6.4 14.2 14.2 14.2H1532L1382 311s-5.9 8.8-5.7 18.6v66.2s-1 22.7 24.7 9.5c0 0 45.7-27.6 122.3-27.6 0 0 75.7-.9 126.1 30 0 0 20.9 9.5 20.9-11.4v-57.6s1.9-15.2-18.1-24.8c0 0-58.1-31.9-134.2-26.7l144.3-207.5zM353.3 352l-23-35c-7.3-13.1-6.8-27.7-6.8-27.7V127.8C326.7-11.8 172 .3 172 .3c-137.5 0-157.8 107-157.8 107-5.7 21.5 10.9 22 10.9 22l67.2 6.8s11.5 2.6 15.6-11c0 0 8.8-46.7 58.3-46.7 53.8 0 53.3 46.2 53.3 46.2v38.7C112 166.9 62.2 196.7 62.2 196.7-4.1 234.4.1 309.1.1 309.1c0 121.8 116 116.5 116 116.5 74.2 0 118.1-54.3 118.1-54.3 13.1 23 37.1 44.9 37.1 44.9 12 13 24.6 2.1 24.6 2.1l54.4-46.5c11.9-8.9 3-19.8 3-19.8zm-201-1.6c-34.9 0-47.9-34.7-42.1-68.8 5.8-34.1 35.9-60.9 109.3-60.1v20.7c2.6 90.6-38.2 108.2-67.2 108.2zm1177.2 1.6-23-35c-7.3-13.1-6.8-27.7-6.8-27.7V127.8C1302.8-11.7 1148.1.3 1148.1.3c-137.5 0-157.8 107-157.8 107-5.7 21.5 10.9 22 10.9 22l67.2 6.8s11.5 2.6 15.6-11c0 0 8.8-46.7 58.3-46.7 53.8 0 53.3 46.2 53.3 46.2v38.7c-107.5 3.6-157.3 33.4-157.3 33.4-66.4 37.6-62.2 112.4-62.2 112.4 0 121.8 116 116.5 116 116.5 74.2 0 118.1-54.3 118.1-54.3 13.1 23 37.1 44.9 37.1 44.9 12 13 24.6 2.1 24.6 2.1l54.3-46.5c12.2-8.9 3.3-19.8 3.3-19.8zm-201-1.6c-34.9 0-47.9-34.7-42.1-68.8 5.8-34.1 35.9-60.9 109.3-60.1v20.7c2.6 90.6-38.2 108.2-67.2 108.2z\"\/><path style=\"fill: #ff9900;\" d=\"M1514.5 657.6s-6.1 10.7 1.4 13.1c0 0 8.5 3.3 19.2-6.5 0 0 77.6-67.8 79.4-191.1 0 0 .6-15.4-5.6-19.6 0 0-24.3-21.5-111.7-15 0 0-76.2 5.1-117.8 42.1 0 0-3.7 3.3-3.7 7.5 0 0-.9 9.1 22 5.1 0 0 76.2-10.8 121.5-5.1 0 0 23.4 2.8 29.9 10.8 0 0 10.7 8.9 5.1 38.3 0-.2-15.4 74.6-39.7 120.4z\"\/><path style=\"fill: #ff9900;\" d=\"M1499.1 539.2s11.4 14.7-7 27.4c0 0-196.1 156.8-525.3 156.8 0 0-338.9 16.7-621.9-240.4 0 0-9.9-8.7-3.8-16.8 0 0 5.5-7.4 19.8.7 0 0 266.2 165.9 615.8 165.9 0 0 243 9.4 492.3-97.2 0 0 19.9-10.2 30.1 3.6z\"\/><\/svg>",
    "height"      : "1em",
    "positionTop" : "0em",
    "link":"https://theme.co"
}

Hope it helps.
Thanks

[mathis1989]

Thanks, @tristup!

It works perfect! I’am using image instead of SVG, so I added the link in JSON and the {{dc:looper:field key=“link”}} here–>

[tristup]

Hi @mathis1989,

Glad that we are able to help you.

Thanks