JA Content Slider

amaurice

Hello, I am trying to make a vertical article slider module with only the title on top of the intro image in full Width but i can't find how or which module is the best to do it, can you help ? thank you!

saguaros

Hi,

JA Content Slider also supports vertical slider, however, it can work with Joomla 3 & Joomla 4 only, it's quite old extension and will not updated to Joomla 5.

amaurice

I work on Joomla 4...

amaurice

I bought the extensions, can you tell me if one can make a vertical slideshow with links on the images? Thank you !

saguaros

Did you try to configure like this?

amaurice

Yes but i want the images to be on fullwith... and reponsive, do you have a solution ?

saguaros

amaurice I'm not entirely sure of how you want to achieve, could you share the URL of the page you're using this module?

and share the super admin account + screenshot illustrating how it should be, I will take a look.

amaurice

This message is visible to Moderators only

hidden content

saguaros

Here is how it looks like now:

Could you share screenshot illustrating how it should be?

amaurice

this is exactly how i want it to look like... But right now it is only 3 pictures in a page made with SpPageBuilder. I want it to be a VERTICAL SLIDESHOW, with the 3 slides that rolls from up to down. Just a simple full with vertical slideshow or carrousel that slides up

dominic

Hi amaurice,

If you wish to integrate the JA Content Slider to match the section currently utilizing the builder on your site, follow these steps:

1/ Configure the module settings as follows:

2/ Add the following CSS code to your site:

.ja-contentslider-center img {
  height: 240px;
  object-fit: cover;
  padding: 7px 0;
  border: 0;
  border-radius: 20px;
  width: 100%;
}

.ja_slideimages {
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.ja_slideimages_inner {
  position: relative;
}
.ja_slidetitle {
  position: absolute;
  bottom: 20%;
  left: 7%;
  font-size: 26px;
  text-transform: uppercase;
}
.ja_slidetitle a {
  color: #fff;
}

.ja-contentslider-center,
.ja-contentslider-center .jsslide {
  width: 100% !important;
}

To integrate the JA Content Slider properly, follow these steps:

3/ Add the provided folder to the \templates\your-template\html directory.

mod-jacontentslider.zip

4kB

Or: Navigate to Systems > Templates > Your Template, create overrides for the mod_jacontentslider module

and then copy and paste the default.php file from the folder I provided into the mod_jacontentslider folder within your template.