You can use this quick tip to add a Form Block to Accordion Block.
If code doesn’t work, you can send page url, I will check again.
#1. Suppose you need to move this Form Block to Accordion Item 2
#2. First, you need to find Accordion Block ID, Form Block ID.
In my example, we will have:
- Accordion Block: #block-yui_3_17_2_1_1729387285192_9027
- Form Block: #block-yui_3_17_2_1_1730102697150_9202
#3. Next, you need to know this.
#4. Use this code to Code Injection > Footer
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <script> $(document).ready(function(){ $('#block-yui_3_17_2_1_1730102697150_9202').appendTo('#block-yui_3_17_2_1_1729387285192_9027 li:nth-child(2) .accordion-item__description'); }); </script> <style> .accordion-item__description { max-width: 100% !important; } .accordion-block .form-block { margin-top: 10px !important; } </style>
#5. Result