slide show block in JoomlArt Advanced Custom Module is missing

greenthing

in the documentation I saw the JoomlArt Advanced Custom Module has a slide show block or a container slideshow block, I cant find those in the list of blocks available to me (see image) I have joomla4 with purity iv.
Did I miss anything in the instillation?

Thanks

dominic

Hi greenthing,
At the moment, the "Slideshow" type does not include in the JA ACM module. you can download the following folder:

slideshow.zip

4kB

and add the slideshow folder to the \templates\ja_purity_iv\acm folder. However you need to translate the slideshow type, you can copy/paste the following value into \language\en-GB\en-GB.mod_ja_acm file:

SLIDESHOW_BASIC_1_LABEL 		="General Settings"
SLIDESHOW_BASIC_DESC 			=""
SLIDESHOW_AUTOPLAY_TITLE 		="Auto Play"
SLIDESHOW_AUTOPLAY_TIME_TITLE 	="Auto Play Interval"
SLIDESHOW_AUTOPLAY_DES  		="Select Yes to enable Auto Play"
SLIDESHOW_AUTOPLAY_TIME_DESC 	="Set the interval time for the Auto Play (in milliseconds)"

SLIDESHOW_BASIC_2_LABEL 		="Slideshow Details"
SLIDESHOW_BASIC_2_DESC 			=""
SLIDESHOW_IMG_TITLE 			="Slideshow Image"
SLIDESHOW_TITLE 				="Slideshow Title"
SLIDESHOW_IMG_DESC 				="Add Slideshow Image"
SLIDESHOW_TITLE_DESC 				="Add Slideshow Title"
SLIDESHOW_DESCRIPTIONS_DES 			="Add Description for the slideshow"
SLIDESHOW_BUTTON_1 				="Button 1 Label"
SLIDESHOW_BUTTON_LINK_1			="Button 1 Link"
SLIDESHOW_BUTTON_TYPE_1 		="Button 1 Style"
SLIDESHOW_BUTTON_1_DES 				="Add Button Label"
SLIDESHOW_BUTTON_LINK_1_DES			="Add Button Link"
SLIDESHOW_BUTTON_TYPE_1_DES 		="Select Button Style"
SLIDESHOW_DESCRIPTIONS 			="Slideshow Description"
SLIDESHOW_DESCRIPTIONS_DES 			="Add Slideshow Description"

SLIDESHOW_BUTTON_2 				="Button 2 Label"
SLIDESHOW_BUTTON_LINK_2			="Button 2 Link"
SLIDESHOW_BUTTON_TYPE_2 		="Button 2 Style"
SLIDESHOW_BUTTON_2_DES 				="Add Button Label"
SLIDESHOW_BUTTON_LINK_2_DES			="Add Button Link"
SLIDESHOW_BUTTON_TYPE_2_DES 		="Select Button Style"

greenthing

dominic
Thank you, I'll try that

greenthing

I added the file and the code and I can see the slide show on the back end, but it doesnt show up on the front end in any position.
The back end screen shot:

dominic

Hi greenthing,
Could you send me the admin account for further checking?

greenthing

This message is visible to Moderators only

hidden content

dominic

Hi greenthing,
To show the slideshow, you can add the following code to the Tools > Custom CSS.

.acm-slideshow .item {
  border-radius: 30px;
  padding-bottom: 180px;
  padding-top: 180px;
  position: relative; }
  @media (max-width: 991.98px) {
    .acm-slideshow .item {
      padding-bottom: 144px;
      padding-top: 108px; } }
  @media (max-width: 767.98px) {
    .acm-slideshow .item {
      padding-bottom: 108px;
      padding-top: 72px; } }
  .acm-slideshow .item .background {
    border-radius: 30px;
    background-size: cover;
    background-position: center center;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%; }
  .acm-slideshow .item .container {
    position: relative;
    z-index: 2; }
  @media (max-width: 991.98px) {
    .acm-slideshow .item .slide-title {
      font-size: var(--h2-font-size); } }
  @media (max-width: 767.98px) {
    .acm-slideshow .item .slide-title {
      font-size: var(--h4-font-size); } }
  .acm-slideshow .item .description {
    margin-bottom: 2.5rem; }
    @media (max-width: 767.98px) {
      .acm-slideshow .item .description {
        margin-bottom: 1rem; } }
  .acm-slideshow .item .slide-action .btn {
    margin-right: 0.5rem; }

.acm-slideshow .slider-content {
  border-radius: 30px;
  background: -webkit-gradient(linear, left top, right top, color-stop(1.81%, rgba(3, 195, 252, 0.95)), to(rgba(48, 223, 198, 0.95)));
  background: -webkit-linear-gradient(left, rgba(3, 195, 252, 0.95) 1.81%, rgba(48, 223, 198, 0.95) 100%);
  background: -o-linear-gradient(left, rgba(3, 195, 252, 0.95) 1.81%, rgba(48, 223, 198, 0.95) 100%);
  background: linear-gradient(90deg, rgba(3, 195, 252, 0.95) 1.81%, rgba(48, 223, 198, 0.95) 100%);
  padding: 3.5rem;
  max-width: 530px; }
  @media (max-width: 767.98px) {
    .acm-slideshow .slider-content {
      padding: 36px 18px;
      text-align: center; } }

.owl-dots button:focus {
  outline: none; }

And add the "Auto Play Interval" here:

greenthing

Thanks, that worked.
(my custom css is not under tools, but that is beside the point :} )
I'll match the slideshow text box colours / position on the slide to what I need, but it works.
Thanks again