Featured Products Limit Homepage (Theme Ella)

Topic summary

A user is experiencing an issue with the Ella theme (version 5.1.0) where the featured products section on the homepage displays 50 products instead of the desired 10-product limit.

Problem Details:

  • No built-in theme option exists to control this limit
  • Manual code modifications have been attempted but are ineffective
  • The code file shows the correct limit settings (appears to reference a range setting with max: 20, default: 10)
  • Despite correct code values, the frontend still renders 50 products

Technical Context:

  • The issue involves the home-featured-products.liquid section file
  • A screenshot shows code snippet with parameters including “slider_featured_all_limit”

Status: The problem remains unresolved, with the display behavior not matching the configured code settings.

Summarized with AI on November 12. AI used: claude-sonnet-4-5-20250929.

I am facing problem featured product limit on elle theme 5.1.0, I want to set limit 10 products show in featured products on the homepage, but currently 50 products. There is no option on theme and also i am trying to sort out in code files, but still code show limit correctly, but still products showing 50

\themes\135453606137\Ella-5.1.0-sections-ready\sections\home-featured-products.liquid

 "type": "range",
    "id": "slider_featured_limit_all",
    "label": "Number of new products to show",
    "min": 1,
    "max": 20,
    "step": 1,
    "default": 10
  },

I understand the issue you’re facing the Elle Theme 5.1.0 doesn’t have a built in option to limit the number of featured products beyond the default.

The key thing to know is that the JSON setting you modified (slider_featured_limit_all) only controls the slider range in the theme editor, but the Liquid template that renders the products likely still has a hardcoded limit of 50 products.

To fix this, you’ll need to edit the Liquid file responsible for the featured products section Look for the loop that outputs products and add a limit filter using your theme setting

If you’d like, I can guide you step by step on exactly how you can solve this issue

Thanks for your response!

yes sure please guide me then i will update myself.

Hi @abdulaalee ,

Please share your code here. I’ll guide you.

Thanks

Here’s how you can update the featured product limit in Elle Theme 5.1.0:

Go to Online Store → Themes → Actions → Edit Code.

Open the Liquid file for the featured products section. It’s usually named something like sections/featured-collection.liquid or sections/home-featured-products.liquid.

Look for the loop that outputs products. It might look like:

{% for product in collection.products %}

Replace it with a version that uses your slider setting for the limit:

{% assign limit_number = section.settings.slider_featured_limit_all %}
{% for product in collection.products | limit: limit_number %}

Save the file and refresh your homepage. Now it should display the number of products set in your theme editor (like 10).

I am trying to find this code {% for product in collection.products %}

But unable to find out

Here is code available on home-featured-products.liquid

ok give me sometime i will check it out thanks

Sure! please take your time

@abdulaalee :clipboard: edit your post to remove the file url.

DO NOT share the entirety of a file for a paid theme, you do not have distribution rights for.

Theme sharing will get you banned off the forums or deplatformed from shopify itself.

Make the effort to provide SMALL relevant examples.


When trying to find matching code don’t search literally think it through and search in parts e.g. in collection, product in collection , {% for product in collection.products etc

There’s several instance of code like the following where you need to change the limit parameters value being used either with a hardcode value or by in turn doing the advanced work of changing how the settings behave.

{% for product in collections[section.settings.show_slider_featured_collection].products limit:section.settings.slider_featured_limit_all %}

:bomb: Keep in mind the while the pagination limit can be set higher you really need to be asking yourself why are you forcing customers to load that much bandwidth and then making them dig through that many products.
Forcing higher and higher pagination is sign of a bad filtering set up , or poor information architecture etc etc
It’s how merchants end up making their sites look ramshackle and have poor performance.

Don’t make customers dig, respect peoples bandwidth.

1 Like

I want to set 10 products limit only homepage featured products section.

Waiting solution from you

@abdulaalee please check collection liquid file, check if any code is set to feature product limit as 50 or 10

if you want then i can check it for you

Hi Suyash,

Here is code
{

            "type": "collection",

            "id": "show_slider_featured_collection",

            "label": "Collection to use"

        },

        {

            "type": "range",

            "id": "slider_featured_limit_all",

            "label": "Number of new products to show",

            "min": 3,

            "max": 20,

            "step": 1,

            "default": 10

        },

@abdulaalee this is for range, we n ed the liquid code used to create pagination

Please read my question from start, I am not asking pagination.

You want to show maximum 10 products, but it is showing 50 products right?

Yes

I want show 10 Products on New Arrival section on homepage

Here is link: Buy Branded Home Appliances, Electronics, Gadgets – AJMart.PK

You need to introduce pagination code into this section code if it is not available already

Ok give me any reference

@abdulaalee - check this link