Hi. In general, it is not difficult, but > Raw HTML Addon + html/css codding. No other way.

Nowadays, this element is often used in landing pages to show the sequence of something. I would like to implement it in addons.

Ну, Вы можете создать свой кастомный аддон. Вряд ли команда Joomshaper сделает это, как и тысячи других запросов пользователей "на все случаи жизни". Это превратило бы Билдер в неподъемную махину. Будет вежливый ответ - мы отправим это разработчикам, и на этом всё.

Билдер самодостаточный инструмент для верстки и включает в себя за некоторым исключением стандартные компоненты Bootstrap или некоторые кастомизированные их версии. Что достаточно для пользователей начального уровня. Если Вы хотите делать все что угодно, Билдер и это позволяет, но со знаниями html/css и js (опционально).

Если Вы выучите код - это будет быстрее чем вы получите такой аддон, уж поверьте :)

Hi there,

Thanks for contacting us. Sorry for the inconvenience. Screenshot isn't clear to me. Will you please share a screenshot again?

-Thanks

hello! <a href="/https://ibb.co/4MJJWgM"><img src="/https://i.ibb.co/5v22Txv/2.png" alt="2" border="0"></a>

It is necessary to create such a module with a vertical line that shows the content of something (in this case, it shows the content of an online course). The vertical line has circles that show the course components. To the left of the vertical line - the name of the course part (lesson 1, lesson 2, ...), to the right of the vertical line - the description of each part of the course. Such a module is now used in landing pages on the topic - education. I like SP PB very much, but I was very surprised that you do not have such functionality.

Hi Valdemar . This is an ordinary accordion, just stylized. No one will create a separate, new addon for several additional lines of CSS code. It's all in the hands of the user.

Here is exemple => teach.webworkers.su

@valdemar Please follow the Pavel instructions. I am agree with the pavel instructions. Thanks

Thanks a lot! How to fix description indentation (see screenshot). <a href="/https://ibb.co/WFRF05n"><img src="/https://i.ibb.co/4M0M2tW/1.png" alt="1" border="0"></a>

Hi. Link to the page?

Please add the css code custom code option area.

https://prnt.sc/1g32bi1

I updated the code on the page with an example, made it more reliable.

You can change the color of the headers changing the value of the variable

Great, everything worked out! Amazing support. I am delighted. There are only two questions left:

1. On mobile devices, can you make a revision, as in the screenshot? <a href="/https://ibb.co/mhXQ0R4"><img src="/https://i.ibb.co/BTr8GfB/2.png" alt="2" border="0"></a>
2. Is it possible to adjust the width of the block as in the screenshot? <a href="/https://ibb.co/8KJyfN5"><img src="/https://i.ibb.co/WxQrMGy/3.png" alt="3" border="0"></a>

1. Code updated
2. Advanced Tab > Custom Addon Width

Amazing support.

This is beyond the support of Joomshaper. I'm just a user, like you.

Hi there, you want a custom design which is not ready with our accordion addon. Thanks

Павел, благодарю вас за помощь. Все получилось!

You can close the forum post. Thanks