position of arrows in carousel & full height slider

Permalink Browser Info Environment
hi there! thanks for helpful great add-on. I'm using the page & topic list functions and the carousel template on a customer's site. It works great so far, but I have some questions regarding customization of these components.

1. is there an option to position the prev/next arrows next to the carousel items instead above them? without having to customize the view.php? (basically, the way it is in the original slick carousel, just with different arrow graphics; see attached file)

2. is there an option to display the page name as a hover overlay in the carousel, as in the normal page list? when I enable the Display Page Name in the block's settings, it is displayed underneath the thumbnail.

3. a client asked for a viewport filling slider (as seen on yakone.de). Is this something that your mbt_background_slider template is capable of?

4. are there other shuffle effects available in the mbt_thumbnail_grid?

kind regards

1 Attachment

Type: Discussion
Status: In Progress
publicb
View Replies:
jordif replied on at Permalink Reply
jordif
Thanks, glad you find the add-on helpful!

I'll try to answer your questions:

1. You'll need to add some custom CSS to achieve this. Can you try adding this code?

.mbt-carousel-container .slick-prev {
    left: -20px;
    right: auto;
}
.mbt-carousel-container .slick-next {
   right: -15px;
}
.mbt-carousel-container .slick-prev, .mbt-carousel-container .slick-next {
   top: 50%;
   margin-top: -10px;
}
.mbt-carousel-container {
   overflow: visible !important;
}


2. You'd need to tweak the view.php file. You can also add some custom CSS to achieve something similar. Can you try adding this?

.mbt-carousel-container .ccm-block-page-list-page-entry-mbt-carousel-item-box {
   position: relative;
}
.mbt-carousel-container .ccm-block-page-list-page-entry-mbt-carousel-text {
   position: absolute;
   top: 0;
   height: 100%;
   width: 100%;
   text-algin: center;
   color: white;
   background: rgba(0,0,0,0.6);
   opacity: 0;
   transition: opacity .2s ease;
}
.mbt-carousel-container .ccm-block-page-list-page-entry-mbt-carousel-item-box:hover .ccm-block-page-list-page-entry-mbt-carousel-text {


3. The background slider template is useful if you to use a slider as a background for the entire page or for a specific block (so you have some static elements over the background). In the case of yakone.de I think that's more a full-width slider. Maybe you could try using the standard slider (or a slider add-on from the marketplace)

4. Right now there are no more effects. I'll see if i can include more effects in the future.

Regards,

Jordi
publicb replied on at Permalink Reply
publicb
Thanks for your answer! Managed to get most of it working now.

concrete5 Environment Information

concrete5.7

Browser User-Agent String

Mozilla/5.0 (X11; Linux x86_64; rv:45.0) Gecko/20100101 Firefox/45.0

Hide Post Content

This will replace the post content with the message: "Content has been removed by an Administrator"

Hide Content

Request Refund

You may not request a refund that is not currently owned by you.