Integrate Swiper on Blocs

Can you PM me the SVG or the SVG code

Here’s the icon :slight_smile: https://we.tl/t-VsuwlbExo3

1 Like

Copy and paste this.

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><g fill="none"><path d="M16 0C7.2 0 0 7.2 0 16 0 24.8 7.2 32 16 32 24.8 32 32 24.8 32 16 32 7.2 24.8 0 16 0ZM17 23L15 23 15 21 17 21 17 23ZM19.1 15.3L18.2 16.2C17.5 16.9 17 17.5 17 19L15 19 15 18.5C15 17.4 15.5 16.4 16.2 15.7L17.4 14.4C17.8 14.1 18 13.6 18 13 18 11.9 17.1 11 16 11 14.9 11 14 11.9 14 13L12 13C12 10.8 13.8 9 16 9 18.2 9 20 10.8 20 13 20 13.9 19.6 14.7 19.1 15.3Z" fill="#141416"/></g></svg>

Then add a custom class as below, and set the width and height to suit. (preserve spaces).

swiper-slide .card .card-body svg

Swiper_Example_Dots_Auto_SVG_2.bloc (1.4 MB)

That should get you started, its rather close to your example, just need to tweak your CSS.

2 Likes

Great I’ll study it and try to replicate on my Blocs website. You’re awesome! Thanks so much! :blush:

1 Like

Unfortunately there seems to be an issue at the moment, when you save a bloc with a code bric in it. It strips everything in the code bric, but you can use it to copy the Custom Classes in the manager (that still works lol). @Norm hopefully this is fixed sometime soon. @Flashman and I had this issue a couple of weeks ago ;-(