Change the slidenews butons direction…

Forums    Joomla Templates Club    JA Mitius    Change the slidenews butons direction...
Viewing 15 posts - 1 through 15 (of 17 total)
1 2
  • Author
    Posts
  • edd Friend
    April 14, 2015 at 2:50 pm #205529

    Hi there,

    I would like to know if it is possible to change the slidenews buton directions, I mean actually when you click on the “next” button, articles goes down, so i would like to change this sense.
    Same goes for the up and down, because when yo click on the up button, articles goes down, so I would like articles goes up.

    Thanks a lot 🙂

    Ninja Lead Moderator
    April 15, 2015 at 7:42 am #567007

    I checked on JA Sidenews module but I could not see next button on that module, you can give me the screenshot to get the info you mentioned above. I will help you to check it

    edd Friend
    April 20, 2015 at 3:10 pm #567647

    <em>@Ninja Lead 468651 wrote:</em><blockquote>I checked on JA Sidenews module but I could not see next button on that module, you can give me the screenshot to get the info you mentioned above. I will help you to check it</blockquote>

    ???? did I wrong express myself???

    Excuse me if so, and here you have the next and previous buttons…

    So I ask again:

    I would like to know if it is possible to change the slidenews buton directions, I mean actually when you click on the “next” button, articles goes down, so i would like to change this sense.
    Same goes for the up and down, because when yo click on the up button, articles goes down, so I would like articles goes up.

    Also for the right/left

    Thank you

    1. next-prv01
    2. next-prv02
    Ninja Lead Moderator
    April 21, 2015 at 4:05 am #567711

    That is a JA Content Slider module, my solution below will help you to change up/down buttons to next/prev buttons

    Open templates/ja_mitius/css/mod_jacontentslider.css file

    find and remove script


    .t3-spotlight .ja-contentslider-right,
    .t3-spotlight .ja-contentslider-left {
    background-image: url(../images/button-nav-vertical.png);
    }

    edd Friend
    April 27, 2015 at 8:48 am #568423

    Hi there, thanks for your help but this is not what I’m looking for…

    Maybe I wrong express myself, so I will try to explain again what I need:

    Actually the Content Slider module located at position 5 or position 7 it shows the “next” and “previous” buttons like “horizontal”, lets says this is “OK”…
    The thing is that when I click on the “next” button the articles slides down and what I need is that it slides UP

    I was on the admin panel > Extensions > Modules >
    I “display settings” it is like this:
    “slide mode”: vertical
    “direction”: up

    I tryied all possibilities, but it doesnt work, so i imagine that solution could be on the code, but where?

    The solution you gave, just replace the buttons, but doesnt change the direction.

    Thanks for help you can bring me.

    edd Friend
    April 27, 2015 at 8:48 am #733519

    Hi there, thanks for your help but this is not what I’m looking for…

    Maybe I wrong express myself, so I will try to explain again what I need:

    Actually the Content Slider module located at position 5 or position 7 it shows the “next” and “previous” buttons like “horizontal”, lets says this is “OK”…
    The thing is that when I click on the “next” button the articles slides down and what I need is that it slides UP

    I was on the admin panel > Extensions > Modules >
    I “display settings” it is like this:
    “slide mode”: vertical
    “direction”: up

    I tryied all possibilities, but it doesnt work, so i imagine that solution could be on the code, but where?

    The solution you gave, just replace the buttons, but doesnt change the direction.

    Thanks for help you can bring me.

    Ninja Lead Moderator
    April 27, 2015 at 11:26 am #568469

    You can try to use my solution below

    Open templates/ja_mitius/css/mod_jacontentslider.css file

    find and change


    .t3-spotlight .ja-contentslider-right,
    .t3-spotlight .ja-contentslider-left {
    background-image: url(../images/button-nav-vertical.png);
    }

    to


    .t3-spotlight .ja-contentslider-left {
    background-image: url(../images/button-nav-vertical.png);
    background-position: -30px 0px;
    }

    .t3-spotlight .ja-contentslider-right {
    background-image: url(../images/button-nav-vertical.png);
    background-position: 0px 0px;
    }
    .t3-spotlight .ja-contentslider-right:hover,
    .t3-spotlight .ja-contentslider-right:focus,
    .t3-spotlight .ja-contentslider-right:active {
    background-position: 0px -30px;
    }

    .t3-spotlight .ja-contentslider-left:hover,
    .t3-spotlight .ja-contentslider-left:focus,
    .t3-spotlight .ja-contentslider-left:active {
    background-position: -30px -30px;
    }

    edd Friend
    May 4, 2015 at 11:32 am #569343

    Hi there,

    Thanks a lot for changes you propose, it is working fine, but there is a little thing, please take a look to the attachement files:

    This is before changes you propose, I mean what is “wrong” for me:

    And this is after the changes you propose, wich is OK, but… please take a look:

    Any idea?

    1. wrong
    2. good
    Ninja Lead Moderator
    May 5, 2015 at 3:56 am #569437

    Because I changed direction action when you click up icon it goes up and the same that with down icon.

    Maybe your site is setting with to left/right slide, you need to set Slide Mode: Vertical from backend this module.

    Ninja Lead Moderator
    May 5, 2015 at 3:56 am #734526

    Because I changed direction action when you click up icon it goes up and the same that with down icon.

    Maybe your site is setting with to left/right slide, you need to set Slide Mode: Vertical from backend this module.

    edd Friend
    May 5, 2015 at 11:32 am #569501

    No, it’s not working like I need…

    I’m so sorry, but I think you didn’t understand or I didn’t well express myself…

    Please, lets start again, lets forget all changes…

    Please, take a look to the next and previous boutons in the JA Content Slider :

    http://www.joomlart.com/demo/#ja_mitius

    If you see, the next bouton (using the vertical mode) the arrow icon is UP, and when you click on the next (up arrow) the articles goes down.

    What I need is : click on next bouton (up arrow): articles goes up.

    I was looking into the javascript code and php code, and frankly, I do not found any code that seems “change” the boutons directions.

    Please, could you or someone, help me to change the boutons directions? in the JA Content Slider :
    UP arrow (next)= articles goes Up;
    DOWN arrow (previous)= articles goes Down

    Thanbks a lot 🙂

    Ninja Lead Moderator
    May 6, 2015 at 5:11 am #569604

    You will need to change a bit as below:

    Open templates/ja_mitius/css/mod_jacontentslider.css file

    find and change


    .t3-spotlight .ja-contentslider-left {
    background-image: url(../images/button-nav-vertical.png);
    background-position: -30px 0px;
    }

    .t3-spotlight .ja-contentslider-right {
    background-image: url(../images/button-nav-vertical.png);
    background-position: 0px 0px;
    }
    .t3-spotlight .ja-contentslider-right:hover,
    .t3-spotlight .ja-contentslider-right:focus,
    .t3-spotlight .ja-contentslider-right:active {
    background-position: 0px -30px;
    }

    .t3-spotlight .ja-contentslider-left:hover,
    .t3-spotlight .ja-contentslider-left:focus,
    .t3-spotlight .ja-contentslider-left:active {
    background-position: -30px -30px;
    }

    to


    .t3-spotlight .ja-contentslider-right,
    .t3-spotlight .ja-contentslider-left {
    background-image: url(../images/button-nav.png);
    }

    .t3-spotlight .ja-contentslider-left {
    background-image: url(../images/button-nav.png);
    background-position: -30px 0px;
    }

    .t3-spotlight .ja-contentslider-right {
    background-image: url(../images/button-nav.png);
    background-position: 0px 0px;
    }
    .t3-spotlight .ja-contentslider-right:hover,
    .t3-spotlight .ja-contentslider-right:focus,
    .t3-spotlight .ja-contentslider-right:active {
    background-position: 0px -30px;
    }

    .t3-spotlight .ja-contentslider-left:hover,
    .t3-spotlight .ja-contentslider-left:focus,
    .t3-spotlight .ja-contentslider-left:active {
    background-position: -30px -30px;
    }

    + Open templates/ja_mitius/html/mod_jacontentslider/default.php file

    find and change


    <?php if ($mode == 'vertical'){ ?>
    <div class="ja-contentslider-left ja-contentslide-down-img" title="<?php echo JText::_('Previous'); ?>"> </div>
    <div class="ja-contentslider-right ja-contentslide-up-img" title="<?php echo JText::_('Next'); ?>"> </div>

    <?php } else {?>

    <div class="ja-contentslider-left ja-contentslide-left-img" title="<?php echo JText::_('Previous'); ?>"> </div>
    <div class="ja-contentslider-right ja-contentslide-right-img" title="<?php echo JText::_('Next'); ?>"> </div>
    <?php } ?>

    to


    <?php if ($mode == 'vertical'){ ?>
    <div class="ja-contentslider-right ja-contentslide-up-img" title="<?php echo JText::_('Previous'); ?>"> </div>
    <div class="ja-contentslider-left ja-contentslide-down-img" title="<?php echo JText::_('Next'); ?>"> </div>

    <?php } else {?>

    <div class="ja-contentslider-left ja-contentslide-left-img" title="<?php echo JText::_('Previous'); ?>"> </div>
    <div class="ja-contentslider-right ja-contentslide-right-img" title="<?php echo JText::_('Next'); ?>"> </div>
    <?php } ?>

    Let me know if it helps

    Ninja Lead Moderator
    May 6, 2015 at 5:11 am #734693

    You will need to change a bit as below:

    Open templates/ja_mitius/css/mod_jacontentslider.css file

    find and change


    .t3-spotlight .ja-contentslider-left {
    background-image: url(../images/button-nav-vertical.png);
    background-position: -30px 0px;
    }

    .t3-spotlight .ja-contentslider-right {
    background-image: url(../images/button-nav-vertical.png);
    background-position: 0px 0px;
    }
    .t3-spotlight .ja-contentslider-right:hover,
    .t3-spotlight .ja-contentslider-right:focus,
    .t3-spotlight .ja-contentslider-right:active {
    background-position: 0px -30px;
    }

    .t3-spotlight .ja-contentslider-left:hover,
    .t3-spotlight .ja-contentslider-left:focus,
    .t3-spotlight .ja-contentslider-left:active {
    background-position: -30px -30px;
    }

    to


    .t3-spotlight .ja-contentslider-right,
    .t3-spotlight .ja-contentslider-left {
    background-image: url(../images/button-nav.png);
    }

    .t3-spotlight .ja-contentslider-left {
    background-image: url(../images/button-nav.png);
    background-position: -30px 0px;
    }

    .t3-spotlight .ja-contentslider-right {
    background-image: url(../images/button-nav.png);
    background-position: 0px 0px;
    }
    .t3-spotlight .ja-contentslider-right:hover,
    .t3-spotlight .ja-contentslider-right:focus,
    .t3-spotlight .ja-contentslider-right:active {
    background-position: 0px -30px;
    }

    .t3-spotlight .ja-contentslider-left:hover,
    .t3-spotlight .ja-contentslider-left:focus,
    .t3-spotlight .ja-contentslider-left:active {
    background-position: -30px -30px;
    }

    + Open templates/ja_mitius/html/mod_jacontentslider/default.php file

    find and change


    <?php if ($mode == 'vertical'){ ?>
    <div class="ja-contentslider-left ja-contentslide-down-img" title="<?php echo JText::_('Previous'); ?>"> </div>
    <div class="ja-contentslider-right ja-contentslide-up-img" title="<?php echo JText::_('Next'); ?>"> </div>

    <?php } else {?>

    <div class="ja-contentslider-left ja-contentslide-left-img" title="<?php echo JText::_('Previous'); ?>"> </div>
    <div class="ja-contentslider-right ja-contentslide-right-img" title="<?php echo JText::_('Next'); ?>"> </div>
    <?php } ?>

    to


    <?php if ($mode == 'vertical'){ ?>
    <div class="ja-contentslider-right ja-contentslide-up-img" title="<?php echo JText::_('Previous'); ?>"> </div>
    <div class="ja-contentslider-left ja-contentslide-down-img" title="<?php echo JText::_('Next'); ?>"> </div>

    <?php } else {?>

    <div class="ja-contentslider-left ja-contentslide-left-img" title="<?php echo JText::_('Previous'); ?>"> </div>
    <div class="ja-contentslider-right ja-contentslide-right-img" title="<?php echo JText::_('Next'); ?>"> </div>
    <?php } ?>

    Let me know if it helps

    edd Friend
    May 6, 2015 at 10:45 am #569642

    Hi there,

    It is working really fine… but there is a thing:

    When I place the slidenews on position 5, boutons images are inversed, take a look to the attached file:

    So I tryied changing order in the php file: not working
    I tryied changing the css, not working

    it seems to me (maybe i’m wrong), that the images arrows are acting different when I place this module on position 5

    In position 2 it is working really perfect.

    I’m sending you my url by PM, please take a look

    Thanks a lot for your great help and your time, I think that very soon we will figure out with this 🙂

    1. good-now
    edd Friend
    May 6, 2015 at 10:45 am #734731

    Hi there,

    It is working really fine… but there is a thing:

    When I place the slidenews on position 5, boutons images are inversed, take a look to the attached file:

    So I tryied changing order in the php file: not working
    I tryied changing the css, not working

    it seems to me (maybe i’m wrong), that the images arrows are acting different when I place this module on position 5

    In position 2 it is working really perfect.

    I’m sending you my url by PM, please take a look

    Thanks a lot for your great help and your time, I think that very soon we will figure out with this 🙂

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 17 total)
1 2

This topic contains 17 replies, has 2 voices, and was last updated by  edd 9 years ago.

We moved to new unified forum. Please post all new support queries in our New Forum

Important Notice :

New Unified Portal is live

Must Read

Jump to forum

Categories