I have a pre-built testimonial section on my website, however the logo sits under the quote. I’d like to swap this around and have the logo at the top of the section, then the quote and then the section navigation. This is the original code:
{%- capture flickity_options -%}
{
"prevNextButtons": false,
"wrapAround": true,
"dragThreshold": 16,
"pageDots": {% if section.blocks.size > 1 %}true{% else %}false{% endif %},
"autoPlay": {% if section.settings.autoplay %}{{ section.settings.cycle_speed | times: 1000 }}{% else %}false{% endif %}
}
{%- endcapture -%}
{%- assign should_show_nav = false -%}
{%- for block in section.blocks -%}
{%- if block.settings.logo -%}
{%- assign should_show_nav = true -%}
{%- break -%}
{%- endif -%}
{%- endfor -%}
{% schema %}
{
"name": "Testimonials",
"class": "shopify-section--bordered",
"max_blocks": 6,
"settings": [
{
"type": "checkbox",
"id": "autoplay",
"label": "Auto rotate between testimonials",
"default": true
},
{
"type": "range",
"id": "cycle_speed",
"min": 3,
"max": 8,
"step": 1,
"unit": "sec",
"label": "Change testimonials every",
"default": 5
},
{
"type": "color",
"id": "background",
"label": "Background",
"default": "#eaeaea"
},
{
"type": "color",
"id": "text_color",
"label": "Text",
"default": "#1c1b1b"
}
],
"blocks": [
{
"type": "testimonial",
"name": "Testimonial",
"settings": [
{
"type": "image_picker",
"id": "logo",
"label": "Logo",
"info": "340 x 80px .jpg recommended"
},
{
"type": "richtext",
"id": "quote",
"label": "Quote",
"default": "
Share what your customers are saying about your products, your company...
",
"info": "For best results, keep the word count consistent in each quote."
}
]
}
],
"presets": [
{
"category": "Text",
"name": "Testimonials",
"settings": {},
"blocks": [
{
"type": "testimonial",
"settings": {}
},
{
"type": "testimonial",
"settings": {}
},
{
"type": "testimonial",
"settings": {}
}
]
}
]
}
{% endschema %}
Does anyone know how to swap these elements around? I’ve tried and keep getting syntax errors.
Thanks in advance for your help!