Dear SP864,
it is not possible within the customizing but you can achieve this with some changes in the theme code. You can find the basic recipe on my blog https://wp-dataanalyst.medium.com/flexslider-and-the-product-page-of-the-shopify-narrative-theme-477....
To make this work on the Brooklyn Theme you might want to create a custom.js in the asset folder and add the following lines
$(document).ready(function()
{ $(window).on('load', function() {
$('.flexslider').flexslider({
animation: "slide",
animationLoop: false,
itemWidth: 210,
itemMargin: 5
});
});
})
Copy the files flexslider.scss.liquid and jquery.flexslider.js which are mentioned in my blog into your asset folder. In flexslider.scss.liquid set
$color-body-text: {{ settings.color_body_text }};
In sections/featured-products.liquid wrap/replace the loop in line 51
{% for product in collections[section.settings.home_featured_products].products %}
with
<div class="flexslider">
<ul class="slides">
{% for product in collections[section.settings.home_featured_products].products %}
<li>{% include 'product-grid-item' %}
{% endfor %}
</ul>
</div>
In my test it did work but it did not look nice yet. You might want to play around with the settings for flexslider, see custom.js. Also you might want to adjust the styling by adding modifying the style sheet classes. Hope this helps.
Regards
Thomas
• War meine Antwort hilfreich? Hinterlasse bitte ein Like.
• Hat meine Antwort Dein Problem gelöst? Bitte akzeptiere sie als Lösung.
