Ask a question
  1. Home
  2. html - Changing size of thumbnails in a collection in Shopify

625 votes
1 answers

html - Changing size of thumbnails in a collection in Shopify

I'm trying to help my sister in-law with an issue she's having with her shop and I can't make heads or tails of what is going on.

Her page is here: https://shopboom.com/ (https://shopboom.com/)

If you scroll to the bottom you'll see a featured products section.

This section used to have three items and large thumbnails but she says after installing an app called "Loyalty Lion" they changed to four small pics.

How do you specify the number of items and their thumbnail sizes?

I've been through all the code and I can't figure it out at all.

Thanks
760
votes

Answer

Solution:

I think issue is not regarding Loyalty Lion app,

You need to find following js code in your shopify file.

$("#flexiselDemo3").flexisel({
    visibleItems: 4,
    itemsToScroll: 1,         
    autoPlay: {
        enable: true,
        interval: 300000,
        pauseOnHover: true
    }        
});

And change value of visibleItems 4 to 3.

I hope it will work for you.

Source

Didn't find the answer?

Our community is visited by hundreds of Shopify development professionals every day. Ask your question and get a quick answer for free.

Similar questions

Find the answer in similar questions on our website.

16 javascript - Shopify - How to change background color of a title on collection page by the product tag
295 metadata - How to get variant metafield value + price combined in shopify collection page's each product
998 api - Is there a way to create a Shopify storefront app that only affects one page of the store?
329 @shopify/shopify-api nodejs - Set permanent access token for private app installed on only one store
494 Shopify liquid - collection object is empty in theme.liquid
672 Shopify Graphql how to get available products for specific collection based on location
570 liquid - Display collection metafield in product page (Shopify)
492 Concatenate string with html in liquid Shopify
517 html - remove bold from headings on all product pages (shopify)
867 node.js - Shopify Webhook Real Time changing

Write quick answer

Do you know the answer to this question? Write a quick response to it. With your help, we will make our community stronger.