[Share] Add Form Block into Accordion Block

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.1/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