create user carousel

saman2
OFFLINE
Platinum Member
Posts: 385
Thanks: 7
Karma: -1

1 year 1 week ago #333496 by saman2

create user carousel was created by saman2

hi
i want show some of my users in slider (carousel) mode in home page of joomla.
what is your suggest? is there any extension or can you advise to slide cb list?

Please Log in to join the conversation.

krileon
Team Member
OFFLINE
Posts: 68482
Thanks: 9076
Karma: 1434

1 year 1 week ago #333500 by krileon

Replied by krileon on topic create user carousel

Create your carousel however you like then render users within it using CB Online Module and one of its include modes or CB Content Module with substitutions.

Kyle (Krileon)
Community Builder Team Member
Before posting on forums: Read FAQ thoroughly + Read our Documentation + Search the forums
CB links: Documentation - Localization - CB Quickstart - CB Paid Subscriptions - Add-Ons - Forge
--
If you are a Professional, Developer, or CB Paid Subscriptions subscriber and have a support issue please always post in your respective support forums for best results!
--
If I've missed your support post with a delay of 3 days or greater and are a Professional, Developer, or CBSubs subscriber please send me a private message with your thread and will reply when possible!
--
Please note I am available Monday - Friday from 8:00 AM CST to 4:00 PM CST. I am away on weekends (Saturday and Sunday) and if I've missed your post on or before a weekend after business hours please wait for the next following business day (Monday) and will get to your issue as soon as possible, thank you.
--
My role here is to provide guidance and assistance. I cannot provide custom code for each custom requirement. Please do not inquire me about custom development.

Please Log in to join the conversation.

saman2
OFFLINE
Platinum Member
Posts: 385
Thanks: 7
Karma: -1

1 year 1 week ago - 1 year 1 week ago #333507 by saman2

Replied by saman2 on topic create user carousel

krileon wrote:
Create your carousel however you like then render users within it using CB Online Module and one of its include modes or CB Content Module with substitutions.

it seems better to use cb list instead of online user module because cblist can use sort and filter option, i do this and it work for me maybe good for future users:

add this code to you page(via auto action or via template or each way):
CSS:

.swiper-custom-arrow {
    display: flex;
    justify-content: space-between;
    font-size: 5em;
}
.cbUsersList {
  overflow: hidden;
}
.swiper-button-disabled{
    opacity: .35;
    cursor: auto;
    pointer-events: none;
}

JS:

form = jQuery('#adminForm');
table = jQuery('#cbUserTable');
table.attr('class', '');
table.addClass('swiper-wrapper');
children = table.children();
jQuery.each(children, function(i, val){jQuery(val).attr('class', '');jQuery(val).addClass('cbUserListRow_co');jQuery(val).addClass('swiper-slide');});
form.append('<div class="swiper-custom-arrow"><span class="swiper-button-prev1">‹</span><span class="swiper-button-next1">›</span></div>');


const swiper = new Swiper('#adminForm', {
  loop: false,
  slidesPerView: 1,
  spaceBetween: 30,
  // Navigation arrows
  navigation: {
    nextEl: '.swiper-button-next1',
    prevEl: '.swiper-button-prev1',
  },
  breakpoints: {
    640: {
      slidesPerView: 2,
      spaceBetween: 5,
    },
    768: {
      slidesPerView: 4,
      spaceBetween: 5,
    },
    1024: {
      slidesPerView: 5,
      spaceBetween: 5,
    },
  },
});

After body(i use gantry5 maybe you use anyother template and modify code according your):

<link  rel="stylesheet"  href="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.css"/>

<script src="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.js"></script>

picture of result: (it seems this forum has some bug that prevent upload picture)
also i can not suppose how to use CB content module to show user list. i can not find any subsitiution for show cblist (not cb list url). also this forum has some other bug that when i use [ c o de ][ / co de ] can not edit correctly and add some edit.

Last edit: 1 year 1 week ago by saman2.

Please Log in to join the conversation.

krileon
Team Member
OFFLINE
Posts: 68482
Thanks: 9076
Karma: 1434

1 year 1 week ago #333511 by krileon

Replied by krileon on topic create user carousel

Userlists are not designed to be rendered outside their page. The only way to render it outside its page is to force it with something like Components Anywhere extension, but again it's not designed for this so there will probably be bugs/quirks with forcing it.

Please Log in to join the conversation.

saman2
OFFLINE
Platinum Member
Posts: 385
Thanks: 7
Karma: -1

1 year 1 week ago - 1 year 6 days ago #333524 by saman2

Replied by saman2 on topic create user carousel

I don't use that outside of cb userlist menu item. My main menu home page is cb userlist. If is it possible please see my work and confirm my work if it is correct say me.thank you
[removed]
Please remove my web url from this post after you check it.
Thank you.

Last edit: 1 year 6 days ago by krileon.

Please Log in to join the conversation.

krileon
Team Member
OFFLINE
Posts: 68482
Thanks: 9076
Karma: 1434

1 year 6 days ago #333530 by krileon

Replied by krileon on topic create user carousel

Whatever works for you is fine. I cannot advise you on custom coding.

Please Log in to join the conversation.

Moderators: beat, nant, krileon

Time to create page: 0.222 seconds

create user carousel

Search

Login / Logout

Menu

User Menu