How can I adjust my testimonial section code for the Dawn theme?

Store Design
1

Hi,

I’m trying to transfer my store design from Narrative to Dawn theme. Now, I added a custom section to the Narrative theme with a reviews/testimonials-slideshow for my home page. It used to look like this (alternating between different reviews every 5 sec):

reviews narrative.PNG
reviews narrative.PNG1901×111 10.5 KB

The code for this was:


{% if section.blocks.size > 0 %}
  
    

      {% for block in section.blocks %}
        

          {% if block.settings.heading != blank %}
            ## {{ block.settings.heading | escape }}
          {% endif %}
          {% if block.settings.quote != blank %}
            {{ block.settings.quote }}

          {% endif %}
          {% if block.settings.author != blank %}
            {{ block.settings.author | escape }}
          {% endif %}
        

      {% endfor %}
    

  

{% else %}
  {% include 'no-blocks' %}
{% endif %}

{% schema %}

I now copied this code to a new section in my dawn code and was able to then add the testimonials to my homepage, however it just sums up the reviews without a slideshow + everything is stuck on the left side of the page (not centered), like this:

Issue dawn reviews.PNG
Issue dawn reviews.PNG1838×285 13.3 KB

Any help to what to adjust in the code so this wouldn’t happen? Thank you so much.

Mathias

2

You also need to migrate relevant js to new theme

3

@Stephen_Jin thank your for the reply! Any idea/tips how I find that for this testimonial section and where I copy it exactly (not really a coding mastermind here)

4

Hi @Mathias8hrS ,

You can use this slider. It works with product and a card (which you can add images, title and description) See video

5

Did you have a lot of traffic but no conversion? Testimonial is very important to build trust. Add this testimonial section to your store with no APP

6

I would like to add a testimonial feature to my store using the Dawn Theme. Do you guys add it or just show how it can be added?