#1417 ✓resolved
Adolfo Castro

Problems with slideshow

Reported by Adolfo Castro | July 21st, 2017 @ 03:37 AM | in 2.4.2 (closed)

I´m using bootstrap3 theme. When I use photoalbum/slideshow/default the title and bodytext don´t appear. Checking or uncheking the option "hide item text". Perhaps have some problem with data-plugin-slide-caption.
Other problem is with transitions some of them don´t work. In fact only fade-in and fade-out works properly. Please help.

Comments and changes to this ticket

  • dleffler

    dleffler July 21st, 2017 @ 07:33 PM

    • Assigned user changed from “expNinja” to “dleffler”

    Transitions should be working...they rely on the 'animate' core css which is loaded. It work correctly locally (I only tried a few variations, but they worked.

    You are correct, the titles do NOT work. Combination of issues which include: 1) inability to save setting as 'off' or unchecked, & 2) Owl Carousel (bootstrap3 engine) doesn't inherently support captions as does the bootstrap2 engine Exoolo which uses the data-plugin-slide-caption field.

  • Adolfo Castro

    Adolfo Castro July 21st, 2017 @ 07:44 PM

    What´s the solution? Use other theme?

  • Adolfo Castro

    Adolfo Castro July 21st, 2017 @ 07:51 PM

    I´m tryed to use the same struccture used in slideshow.tpl

    {if !$config.hidetext}

    <{$config.item_level|default:'h2'}>{$slide->title}</{$config.item_level|default:'h2'}> {$slide->body}
    {/if}

    But the text appear below the image. Even using zindex in CSS. Can I try something like that?

  • dleffler

    dleffler July 22nd, 2017 @ 05:55 PM

    I've got a 'caption' fix which will appear in the next patch/release. Looks like this in the view template above the image

                        {if !$config.hidetext}
                            <div class="owl-text-overlay hidden-xs">
                                <{$config.item_level|default:'h2'} class="owl-title">{$slide->title}</{$config.item_level|default:'h2'}>
                                {$slide->body}
                            </div>
                        {/if}
    
    and needs this style
    .owl-text-overlay {
        position: absolute;
        text-align: center;
        width: 60%;
        bottom: 12px;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        color: #fff;
        background-color: rgba(0, 0, 0, 0.4);
        background: rgba(0, 0, 0, 0.4);
        padding-bottom: 20px;
        border-radius: 12px;
    }
    h2.owl-title {
        margin-bottom: 0;
    }
    .owl-text-overlay p {
        margin-bottom: 0;
    }
    
  • Adolfo Castro
  • Adolfo Castro

    Adolfo Castro July 23rd, 2017 @ 12:05 AM

    It´s working!!! Thanks!

  • dleffler

    dleffler July 24th, 2017 @ 12:02 PM

    • State changed from “new” to “resolved”
  • dleffler

    dleffler July 28th, 2017 @ 11:44 AM

    • Milestone set to 2.4.2

Please Sign in or create a free account to add a new ticket.

With your very own profile, you can contribute to projects, track your activity, watch tickets, receive and update tickets through your email and much more.

New-ticket Create new ticket

Create your profile

Help contribute to this project by taking a few moments to create your personal profile. Create your profile ยป

Bug Tracker for Exponent CMS

Shared Ticket Bins

People watching this ticket

Tags

Pages