Ella theme: FAQs Page- How to add more Paragraphs?

bethchan
Excursionist
55 0 9

Hi everyone,

     I use ella theme. There're only two Paragraphs on Faqs page, How to add more Paragraphs? Thanks!

bethchan_0-1609942126037.png

 

     website:lepeto.myshopify.com

     password:brulol

KetanKumar
Shopify Partner
17277 1870 6457

@bethchan 

yes, please share this section code so i will update 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
bethchan
Excursionist
55 0 9

faq-template.liquid:

 

{% render 'breadcrumb', breadcrumb_top: true %}

<div class="container">
    <div class="page page-faq">
        <div class="section-header text-left">
            <h1 class="title">{{ page_title }}</h1>
        </div>
        {% if page.content.size > 0 %}
            <div class="rte">
                {{ page.content }}
            </div>
        {% endif %}
        
        <div class="sidebar_mobile_wrapper">
            <div class="sidebar_mobile">
                <span class='text'>{{ 'general.sidebar.title' | t }}:</span>
                <svg class="icon"><use xlink:href="#icon-sidebar" /></svg>
            </div>
        </div>
        <div class="page-sidebar page-sidebar--sticky">
            <div class="page-sidebar__close">
                <a href="javascript&colon;void(0)" class="close">
                    <span class="icon">&#215;</span>
                    <span class="text">{{ 'general.accessibility.close_modal' | t }}</span>
                </a>
            </div>
            <div class="faq-contact text-center">
                <h3 class="faq-title">{{ 'general.faq.need_help' | t }}</h3>
                <div class="faq-group">
                    <div class="faq-group__item text-center">
                        <a href="{{ section.settings.link_1 }}">
                            <svg class="icon"><use xlink:href="#icon-messenger" /></svg>
                            <span class="text">{{ 'general.faq.message' | t }}</span>
                        </a>
                    </div>
                    <div class="faq-group__item text-center">
                        <a href="{{ section.settings.link_2 }}">
                            <svg class="icon"><use xlink:href="#icon-email" /></svg>
                            <span class="text">{{ 'general.faq.contact' | t }}</span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <div class="page-content">
            {% if section.settings.show_faqs_1 %}
                <div class="faqs-paragraph">
                    <h3 class="faq-title">{{ section.settings.faqs_1_title }}</h3>
                    <div id="accordion">
                        {% for block in section.blocks %}
                            {% if block.settings.faq_type == '1' %}
                            <div class="card">
                                <div class="card-header" id="heading-{{ block.id }}">
                                    <button class="title collapsed text-left" data-toggle="collapse" data-target="#{{ block.id }}" aria-expanded="true" aria-controls="{{ block.id }}">
                                        <span>{{ 'general.faq.question' | t }}</span>
                                        {{ block.settings.question_faqs }}
                                    </button>
                                    <span class="icon-plus"></span>
                                </div>
                                <div id="{{ block.id }}" class="collapse" aria-labelledby="heading-{{ block.id }}" data-parent="#accordion">
                                    
                                    <div class="card-body">
                                        {{ block.settings.answer_faqs }}
                                    </div>
                                </div>
                            </div>
                            {% endif %}
                        {% endfor %}
                    </div>
                </div>
            {% endif %}
            {% if section.settings.show_faqs_2 %}
                <div class="faqs-paragraph">
                    <h3 class="faq-title">{{ section.settings.faqs_2_title }}</h3>
                    <div id="accordion">
                        {% for block in section.blocks %}
                            {% if block.settings.faq_type == '2' %}
                            <div class="card">
                                <div class="card-header" id="heading-{{ block.id }}">
                                    <button class="title collapsed text-left" data-toggle="collapse" data-target="#{{ block.id }}" aria-expanded="true" aria-controls="{{ block.id }}">
                                        <span>{{ 'general.faq.question' | t }}</span>
                                        {{ block.settings.question_faqs }}
                                    </button>
                                    <span class="icon-plus"></span>
                                </div>
                                <div id="{{ block.id }}" class="collapse" aria-labelledby="heading-{{ block.id }}" data-parent="#accordion">
                                    
                                    <div class="card-body">
                                        {{ block.settings.answer_faqs }}
                                    </div>
                                </div>
                            </div>
                            {% endif %}
                        {% endfor %}
                    </div>
                </div>
            {% endif %}
            {% if section.settings.faq_text != blank %}
                <div class="faq-content text-right">{{ section.settings.faq_text }}</div>
            {% endif %}
        </div>
        <div class="clearfix"></div>
    </div>
</div>

{% schema %}
{
    "name": "Page Content",
    "class": "page-content",
    "settings": [
        {
            "type": "header",
            "content": "Link Contact"
        },
        {
            "type": "url",
            "id": "link_1",
            "label": "Messenger link"
        },
        {
            "type": "url",
            "id": "link_2",
            "label": "Contact link"
        },
        {
            "type": "header",
            "content": "FAQs"
        },
        {
            "type" : "checkbox",
            "id" : "show_faqs_1",
            "label" : "Show FAQs Paragraph 1",
            "default": true
        },
        {
            "type" : "text",
            "id" : "faqs_1_title",
            "label" : "FAQs Paragraph 1 Title",
            "default": "Pre-Sales Questions"
        },
        {
            "type" : "checkbox",
            "id" : "show_faqs_2",
            "label" : "Show FAQs Paragraph 2",
            "default": true
        },
        {
            "type" : "text",
            "id" : "faqs_2_title",
            "label" : "FAQs Paragraph 2 Title",
            "default": "Theme Questions"
        },
        {
            "type": "header",
            "content": "Text on Bottom"
        },
        {
            "type": "richtext",
            "id": "faq_text",
            "label": "Text"
        }
    ],
    "blocks": [
        {
            "type" : "question",
            "name" : "Question",
            "settings":[
                {
                    "type" : "text",
                    "id" : "question_faqs",
                    "label" : "Question",
                    "default": "Question"
                },
                {
                    "type" : "html",
                    "id" : "answer_faqs",
                    "label" : "Answer",
                    "default": "<p>Use overlay text to give your customers insight into your brand. Select image and text that relates to your style and story.</p>"
                },
                {
                    "type": "select",
                    "id": "faq_type",
                    "label": "Position",
                    "options": [
                        {
                            "value": "1",
                            "label": "1"
                        },
                        {
                            "value": "2",
                            "label": "2"
                        }
                    ],
                    "default": "1"
                }
            ]
        }
    ]
}
{% endschema %}

 

 

KetanKumar
Shopify Partner
17277 1870 6457

@bethchan 

Thanks for details 

It can be done by doing some code customization. please send me a personal message and we can discuss what you'd like

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
bethchan
Excursionist
55 0 9

@ KetanKumar, Thanks, I have fixed it.

KetanKumar
Shopify Partner
17277 1870 6457

@bethchan 

Thanks for update

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
gwenzilla
Tourist
3 0 2

Hello @Ketan

We are having the same question - would like to add more FAQs headers, how can we do this? 
Would love your help if possible.

Thanks!
Gwen

KetanKumar
Shopify Partner
17277 1870 6457

@gwenzilla 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
gwenzilla
Tourist
3 0 2

Ketan thanks for your quick reply!

Shopify page: getwinebox.myshopify.com
Password: getwinebox

Thanks

Gwen

0 Likes
KetanKumar
Shopify Partner
17277 1870 6457

@gwenzilla 

thanks for details sorry but i can't see faqs page 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes