Load More Button For CMS Items in Webflow | Finsweet Attributes

Поделиться
HTML-код
  • Опубликовано: 23 ноя 2024

Комментарии • 30

  • @GeneralKimchiKiller
    @GeneralKimchiKiller 3 дня назад

    Hi Cullen!
    This was already a great help! Much appreciation :D
    Is it possible to include a "Collapse" Button under the last Collection item after all Items are shown, which then collapses to the initial 3 shown items?

  • @Thingwithlegs
    @Thingwithlegs 6 месяцев назад

    Your videos are seriously so useful and clear, besides not having unnecessary “I need views” information. Love it. Hope we can see more!

    • @CullenKuch
      @CullenKuch  6 месяцев назад

      Thanks so much, that's great to hear!

  • @peachykaren3938
    @peachykaren3938 4 месяца назад

    this is amazing!! super clear and helpful, valuable contents! Thanks for sharing!

    • @CullenKuch
      @CullenKuch  4 месяца назад

      So glad to hear that, my pleasure!

  • @danielamorue
    @danielamorue Год назад

    Recently found your channel and all I can say is I love love what you do. Please keep it going.

    • @CullenKuch
      @CullenKuch  Год назад

      Thanks so much Daniel, you made my day. I'm hoping to get another video out this weekend! 😄

  • @steveworrell
    @steveworrell Год назад +1

    Thanks for making this video. Do you know if the load more functionality works on collection lists with over 100 items?

    • @CullenKuch
      @CullenKuch  Год назад

      Hey Steve, it should work yes. I don't see anything in their notes about restrictions on collection size. It works in combination with other attributes as well so there would probably be a workaround if needed. finsweet.com/attributes/cms-load

  • @GowthamN-sp9wc
    @GowthamN-sp9wc 5 месяцев назад

    you are doing good. I have a question about how to load more in 2 different collection lists with CMS Combine ?

  • @emmamccanntravel
    @emmamccanntravel Год назад +1

    Awesome! Any idea how to make the Load More button convert to a Show Less button that resets the load once all items are loaded?

    • @CullenKuch
      @CullenKuch  Год назад +1

      Hey Emma! I tried to play around with this but couldn't come up with a solution. This may be a question for Finsweet as their code library is handling the behavior outside of our native Webflow controls.

    • @emmamccanntravel
      @emmamccanntravel Год назад

      @@CullenKuch Hi Cullen, I appreciate your attempt and your response! Thanks

  • @oneofafyew
    @oneofafyew Месяц назад

    This is great thanks! Wondering - is there a way to make this work with CMS slider as opposed to scroll. In other words so that not the entire slider contents loads on page load, but each slide loads as it comes into view.

    • @CullenKuch
      @CullenKuch  21 день назад

      I'm not sure about this, I doubt there is a native Webflow way to handle it but perhaps with some custom code. Might be more trouble than its worth though :/

  • @ivanbadia3232
    @ivanbadia3232 2 года назад +2

    great video but I have a question. When I use the Attributes on assets with interactions the new line items fail to load the interactions? I tried FS interactions reset but is not working as expected. Any solutions you may be able to share. I noticed your hover interaction works on your new row of actors after every 'Load More' click. TIA

    • @CullenKuch
      @CullenKuch  2 года назад

      Hey Ivan, that is odd. Perhaps it's the order in which you built it? I think I built out my whole collection of actors, added interactions, then implemented the Finsweet load more and limited the view to 3 at a time. So the interactions were there from the start. Did you maybe add them after the Finsweet attributes? Good luck!

    • @ivanbadia3232
      @ivanbadia3232 2 года назад +1

      @@CullenKuch thank you for your quick reply. I appreciate you taking the time to answer my question. I follow the same pattern but maybe there's something I'm doing wrong. Will have to test the structure to find my a solution. Thank you.

    • @hagaitsidon3958
      @hagaitsidon3958 2 года назад

      i have the same problem

    • @ivanbadia3232
      @ivanbadia3232 2 года назад +1

      Hey Cullen, I just noticed you are using states (hover) for the rotate and box-shadow. The challenge is getting Attributes to work with Element trigger interactions.

    • @ivanbadia3232
      @ivanbadia3232 2 года назад +2

      Got it to work. If any item in a Collection List is using an interaction apply the Reset Interaction Attribute under the CMS Load more list of attributes. Name = "fs-cmsload-resetix", Value = "true".

  • @joshmatjjen1341
    @joshmatjjen1341 Год назад +1

    Quick Question: Is it possible to have Both Load more and Pagination Next and Prev Button Functionality?

    • @CullenKuch
      @CullenKuch  Год назад

      Hey Josh, with the Finsweet Load More solution I don't think there is since it targets the native Webflow pagination element and essentially replaces it.

    • @joshmatjjen1341
      @joshmatjjen1341 Год назад +1

      @@CullenKuch Ok thanks for the info

  • @adilmustafa8390
    @adilmustafa8390 3 месяца назад

    Is there an Option for ShowLess ?

    • @CullenKuch
      @CullenKuch  2 месяца назад

      Hey there, after some quick research there doesn't seem to be a way to handle this using the attribute library they already have in place. You may be able to add some custom code and have it watch for the user navigating all the way to the end of a paginated list of items, and then instead of a 'show less' button you change it to a 'go back a page' function of some sort.