Skip to content

Instantly share code, notes, and snippets.

@mattparlane
Created November 21, 2023 02:47
Show Gist options
  • Save mattparlane/dfdfdcbf9fa5d361023f4570c9ea5201 to your computer and use it in GitHub Desktop.
Save mattparlane/dfdfdcbf9fa5d361023f4570c9ea5201 to your computer and use it in GitHub Desktop.
<div id="component">
<div id="slider-component-2" class="carousel slide sbackground-image" data-bs-ride="false">
<div class="carousel-inner">
<div class="review-headline mb-4">
<{{review_headline_text_style_tag}} class="style-{{review_headline_text_style_id}}">
{{{review_headline}}}
</{{review_headline_text_style_tag}}>
</div>
{{#Reviews}}
<div class="carousel-item slider-component-2 text-center">
<div class="carousel-content">
<div class="dynamic-row">
{{#display_review_image}}
<div class="dynamic-column">
<img src="{{{review_image}}}?{{{id}}}" alt="..."
class="img-fluid align-{{#image_position_Left}}left{{/image_position_Left}}{{#image_position_Right}}right{{/image_position_Right}}">
</div>
{{/display_review_image}}
<div class="author_review dynamic-column">
<{{reviews_text_style_tag}} class="style-{{reviews_text_style_id}}"> {{{review}}}
</{{reviews_text_style_tag}}>
</div>
</div>
</div>
</div>
{{/Reviews}}
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#slider-component-2" data-bs-slide="prev">
<i class="carousel-control-prev-icon carousel-control-icon-slider-2 {{{left_chevron}}}"></i>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#slider-component-2" data-bs-slide="next">
<i class="carousel-control-next-icon carousel-control-icon-slider-2 {{{right_chevron}}}"></i>
</button>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment