Support Central

Hi WraysConsultingLLC,
Currently, the "Slideshow" type is not included in the JA ACM module. you can download the following folder:

Step-1: add the slideshow, hero folder to the \templates\gk_arty\acm folder. You need to override the hero folder with the new folder you downloaded here.

Step-1: However it would help if you translated 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"

Step-3: Add the following CSS code to the Backend > Site Template Styles > Gk Arty default > Advanced settings tabs:

.acm-slideshow.acm-hero.style-1 {
    padding: 0;
}

.acm-slideshow .item .background {
    padding-top: 240px;
    padding-bottom: 240px;
    background-size: cover;
    background-position: center center;
}

  @media (max-width: 991.98px) {
   .acm-slideshow .item .background {
      padding-bottom: 144px;
      padding-top: 108px; } }
  @media (max-width: 767.98px) {
    .acm-slideshow .item .background {
      padding-bottom: 108px;
      padding-top: 72px; } }

.acm-slideshow.acm-hero.style-1 .owl-theme .owl-nav button.owl-next {
    right: 10px;
    left: auto;
}
.acm-slideshow.acm-hero.style-1 .owl-theme .owl-nav button {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    left: 10px;
background: transparent;
}

.acm-slideshow.acm-hero.style-1 .owl-theme .owl-nav button .fas {
    border: 1px solid #111;
    color: #111;
    padding: 14px 18px;
}

.acm-slideshow.acm-hero.style-1 .owl-theme .owl-nav button .fas:hover {
    border-color: #fff;
    color: #fff;
}

Step-4: Now, you can open the ACM module and configure it as the following screenshot:

To add the feature list box under the slideshow, you can add a JA ACM module with Hero : style-3 type. and configure the module like this:

Hope this helps!