Modern Slider | Logo Slider

[bigdreams]

How exactly does the svg from my ftp need to be linked here? What must the path look like?

Thank you!

[prakash_s]

Hello @bigdreams,

Thanks for writing to us.

In case you want to change the SVG from the slider JSON you need to add the source link of the SVG image in place of the SVG code. For example, I have uploaded the SVG image through the media and added the link in the JSON

In case you want to upload the SVG image through the FTP you need to create the link of the SVG and then add it to the JSON. In case you upload the SVG in the WordPress installation root directory then your path would be like this http://www.example.com/your_svg_name.svg

Hope it helps.
Thanks

[bigdreams]

thank you!

I did so (with ftp upload) and it shows now the path in the slider — not the svg logo

[tristup]

Hi @bigdreams,

The SVG code is itself a tag and can’t be added to any image element in the usual way. If you have added the URL of the SVG file in the Looper Provider, you need to add it in the following way.

<svg>       
    <image xlink:href='{{dc:looper:field key="svg"}}' />    
</svg>

Hope it helps.
Thanks

[bigdreams]

is this then still working with the purchased modern slider template? (this way)

I havent done something like this before — where do I have to place the link there?

this is my path: http://localhost/wp-content/uploads/svgs/uniqa.svg

[tristup]

Hi @bigdreams,

This is not required for the preset Logo Carousel slider which uses the SVG tag. But if you want to use the URL of the SVG file instead of the SVG tag, you need to add the code into the Raw Content element as shown in the previous thread.

NOTE: You need to replace the localhost URL with the Live Site URL to show it in the Live Server

Hope it helps.
Thanks

[bigdreams]

Im sorry but its not clear to me what I have to do.

So u say that I should leave the json like it is now (image attached) and I then I should add the following code where?

Thank you

<svg>       
<image xlink:href='{{dc:looper:field key="svg"}}' />    
</svg>

[tristup]

Hi @bigdreams,

You need to change the code inside the Raw Content element as shown in the given screenshot.

Current Code:

Code need to added here:

Hope it helps.
Thanks