Home Forums WoodMart support forum How can I make my FAQ like the demo?

How can I make my FAQ like the demo?

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #204646

    circuscolombia
    Participant

    I want to make the FAQ’s like the picture I attached. In the accordeon method. How can I do that, I just make a page with questions.

    https://circusfiesta.com/preguntas-frecuentes/#

    Attachments:
    You must be logged in to view attached files.
    #204660

    Hello,

    Create a page in WordPress, switch to the text mode and insert this code:

    [vc_row equal_height="yes" css_animation="fadeIn" css=".vc_custom_1494510617612{margin-right: -50px !important;margin-left: -50px !important;}"][vc_column css=".vc_custom_1496938621896{margin-bottom: 20px !important;border-right-width: 1px !important;padding-top: 15px !important;padding-right: 50px !important;padding-left: 50px !important;border-right-color: #e8e8e8 !important;border-right-style: solid !important;}" offset="vc_col-lg-6 vc_col-md-6"][woodmart_title align="left" title="SHOPPING INFORMATION"][vc_tta_accordion shape="square" color="white" c_icon="chevron" c_position="right" active_section="1" no_fill="true" collapsible_all="true"][vc_tta_section title="Delivery charges for orders from the Online Shop?" tab_id="1484652030151-41d816a1-ec06"][vc_column_text]A placerat ac vestibulum integer vehicula suspendisse nostra aptent fermentum tempor a magna erat ligula parturient curae sem conubia vestibulum ac inceptos sodales condimentum cursus nunc mi consectetur condimentum.
    
    Tristique parturient nulla ullamcorper at ullamcorper non orci iaculis neque augue.[/vc_column_text][/vc_tta_section][vc_tta_section title="How long will delivery take?" tab_id="1484652030190-407b08ef-5de7"][vc_column_text]Parturient ullamcorper et sagittis faucibus dui eu tortor ac parturient ridiculus vel hac condimentum scelerisque libero class.
    
    Pulvinar in dictumst suspendisse ullamcorper cras cum urna eget nibh facilisi eu a vestibulum morbi porttitor platea metus vestibulum.Ante ullamcorper adipiscing.[/vc_column_text][/vc_tta_section][vc_tta_section title="What exactly happens after ordering?" tab_id="1484652030219-c6960c7e-ee62"][vc_column_text]Parturient viverra enim torquent elit sociosqu sociis consectetur pretium suspendisse sem scelerisque risus magna est consectetur ullamcorper nunc.
    
    Porta sapien nulla maecenas quis condimentum curabitur suscipit dolor est phasellus dui sociis fringilla a dignissim quisque ullamcorper nec eu eros.Elit consectetur non parturient tempus adipiscing nullam metus.[/vc_column_text][/vc_tta_section][vc_tta_section title="Do I receive an invoice for my order?" tab_id="1484652030238-302a2c7c-fe6f"][vc_column_text]Et malesuada fermentum fames dapibus ac accumsan a varius nibh suspendisse bibendum a at fames sed nibh ullamcorper himenaeos litora egestas pulvinar at id egestas sapien mattis et eros.Scelerisque urna a leo parturient lacinia a purus hac.[/vc_column_text][/vc_tta_section][vc_tta_section title="Tellus ridicdiam eleifend id ullamcorper?" tab_id="1484652030262-e10da133-51b0"][vc_column_text]Parturient sociosqu in vestibulum vivamus accumsan nam tellus curae a at a dapibus a natoque lacus vestibulum hac elementum morbi morbi maecenas eros lorem in a vestibulum imperdiet in.
    
    Adipiscing primis torquent vivamus ut a condimentum neque ac.[/vc_column_text][/vc_tta_section][/vc_tta_accordion][/vc_column][vc_column css=".vc_custom_1496938627545{margin-bottom: 20px !important;padding-top: 15px !important;padding-right: 50px !important;padding-left: 50px !important;}" offset="vc_col-lg-6 vc_col-md-6"][woodmart_title align="left" title="PAYMENT INFORMATION"][vc_tta_accordion shape="square" color="white" c_icon="chevron" c_position="right" active_section="1" no_fill="true" collapsible_all="true"][vc_tta_section title="When the order payment is taken of my bank account?" tab_id="1"][vc_column_text]Vestibulum a fringilla scelerisque ante nisl id taciti parturient praesent suscipit mi at id vestibulum cum vel purus suspendisse egestas ad aenean a penatibus urna.Dignissim senectus metus sodales euismod.[/vc_column_text][/vc_tta_section][vc_tta_section title="What is wishlist?" tab_id="1484056430132-f06cc1b5-a7ca"][vc_column_text]Proin vel nunc non curabitur nullam suspendisse potenti lacinia in duis neque tempor a felis sit parturient placerat suspendisse primis.
    
    Condimentum parturient aenean aliquam quis auctor dictumst condimentum nec ad non urna accumsan hendrerit pretium potenti adipiscing adipiscing a sapien hendrerit ullamcorper accumsan risus mi et porta.
    
    Ac et condimentum potenti condimentum.[/vc_column_text][/vc_tta_section][vc_tta_section title="What should I do if I receive a damaged or wrong product?" tab_id="1484049984302-e0b553b6-82dc"][vc_column_text]A faucibus leo auctor scelerisque sit torquent non ligula maecenas a suspendisse fermentum habitant aliquet consectetur mi ad nisl himenaeos elementum lobortis ornare ac adipiscing leo condimentum consectetur nibh laoreet.
    
    Dictum a elit ridiculus odio montes.[/vc_column_text][/vc_tta_section][vc_tta_section title="Can I change or cancel my order?" tab_id="1484057271889-b3b2ad15-15f7"][vc_column_text]Enim adipiscing commodo vestibulum condimentum parturient vulputate gravida phasellus scelerisque tellus lobortis scelerisque hac metus tincidunt mi.
    
    Vestibulum vestibulum parturient inceptos scelerisque neque a facilisis posuere sem ullamcorper scelerisque ac.[/vc_column_text][/vc_tta_section][vc_tta_section title="What is <code></code>package tracking<code></code> in my orders? " tab_id="1484056425804-e857e9fe-0c57"][vc_column_text]Dignissim id a at adipiscing aptent nunc a dui dis quis est arcu parturient conubia lacinia adipiscing pulvinar nullam mi etiam leo molestie at elementum.
    
    Quis nam per sem facilisis a a parturient consectetur mauris scelerisque parturient adipiscing pretium ac eget consectetur.
    
    Condimentum nascetur sagittis eu himenaeos pharetra natoque bibendum pharetra nec vel a turpis dis phasellus ultrices sapien.[/vc_column_text][/vc_tta_section][/vc_tta_accordion][/vc_column][/vc_row]

    Then switch to the Backend Editor to edit.

    Best Regards

Viewing 2 posts - 1 through 2 (of 2 total)