Hero Slideshow Not

app1cker

This message is visible to Moderators only

hidden content

dominic

Hi app1cker,
Could you send me the site URL and admin account for further checking?

app1cker

This message is visible to Moderators only

hidden content

dominic

Hi app1cker,
If you want to use the slideshow from JA-Company template, you can do the following steps:

1/ Add the following folder to the \templates\ja_findus\acm folder:

slideshow.zip

105kB

2/ Add the following folder to the \templates\ja_findus\js folder:

swiper.zip

234kB

3/ Unzip this file and override the assets.json and global.json files to the \templates\ja_findus\etc folder

assets-global.zip

740B

Hope this helps!

app1cker

@"dominic"
I did everything as suggested, cleared cache but did not work 🙁

dominic

Hi app1cker,
Could you send me the FTP account, I will check and help you customize the slideshow.

app1cker

This message is visible to Moderators only

hidden content

dominic

Hi app1cker,
Could you check the account? I can not access your FTP.

app1cker

mybad, the u/n should be full email. Now tested ok.

dominic

Hi app1cker,
I have checked and see that you need to enable the addon here:

Also, you need to select the slideshow from the JA Findus template:

And add the following this to the \language\en-GB\en-GB.mod_ja_acm.ini file:

SLIDESHOW_BASIC_1_LABEL		="Basic Settings"
SLIDESHOW_BASIC_DESC 		=""
SLIDESHOW_MASK_TITLE		="Mask title"
SLIDESHOW_MASK_DES			="Enable or disable the mask of title"
SLIDESHOW_AUTO_PLAY_TITLE	="Title Auto Play"
SLIDESHOW_AUTO_PLAY_DES		="Enable or disable auto play of title"
SLIDESHOW_ACTION_LABEL		="Video Section"
SLIDESHOW_ACTION_DESC		=""
SLIDESHOW_ACTION_TITLE		="Intro Text"
SLIDESHOW_ACTION_DESC		="Add intro text of the video section"
SLIDESHOW_IMAGE_INTRO_VIDEO_TITLE	="Thumbnail Image"
SLIDESHOW_IMAGE_INTRO_VIDEO_DES		="Add thumbnail image for video"
SLIDESHOW_MASK_TITLE				="Youtube ID"
SLIDESHOW_MASK_DES					="Add video id to display as mask of the slideshow"
SLIDESHOW_BASIC_2_LABEL				="Slideshow Settings"
SLIDESHOW_BASIC_2_DES				=""
SLIDESHOW_IMG_TITLE 				="Slideshow Image"
SLIDESHOW_IMG_DES 					="Add slideshow image"
SLIDESHOW_ANIMATION_TITLE 			="Animation"
SLIDESHOW_ANIMATION_DES 			="Set animation for slideshow"
SLIDESHOW_GROUP 					="Small Text"
SLIDESHOW_GROUP_DES 				="Add small text above the slideshow title"
SLIDESHOW_TITLE 					="Slideshow title"
SLIDESHOW_TITLE_DES 				="Add title for slideshow"
SLIDESHOW_DESCRIPTIONS 				="Description"
SLIDESHOW_DESCRIPTIONS_DES 			="Add description for slideshow"
SLIDESHOW_BUTTON_1 					="Button 1 Label"
SLIDESHOW_BUTTON_1_DES 				="Add lable for first button"
SLIDESHOW_BUTTON_LINK_1 			="Button 1 Link"
SLIDESHOW_BUTTON_LINK_1_DES 		="Add link for first button"
SLIDESHOW_BUTTON_2 					="Button 2 Label"
SLIDESHOW_BUTTON_2_DES 				="Add label for second button"
SLIDESHOW_BUTTON_LINK_2 			="Button 2 Link"
SLIDESHOW_BUTTON_LINK_2_DES 		="Add link for second button"

Also, I have helped you add the countdown and slideshow style of the ja eventcamp to this template.

app1cker

Thnx Dominic!
I see the slideshow now better, but the video player is not. With two thumbnails instead of one, the video is shrinking to the top left of the screen with error. Added the config to the en-GB.mod_ja_acm.ini file but no improvement.

And the Cowntdown is jacked up, need help 🙁

dominic

Hi app1cker,
You need to select the types from the JA Findus template:

About YouTube, you need to use the ID, not the full URL.
About the language, you can prove the FTP redirect to /home/ to resolve the language. We will help you check it.

app1cker

This message is visible to Moderators only

hidden content

dominic

Hi app1cker,

1/ To customize the countdown style, you can go to the /templates/ja_findus/acm/countdown/css/style.css file.
Also, all the ACM type, you can custom the CSS code from the /css/style.css

About the language, you should add the to \language\en-GB\en-GB.mod_ja_acm.ini file. If this file includes these labels, you can replace/edit them.

2/ From now on, you can copy the ACM types in the \templates\ja_findus\acm and \templates\ja_findus\js folder, Because, I have updated some the CSS code:
And copy the assets.json and global.json file from the \templates\ja_findus\etc folder.

Hope this helps!

app1cker

@"Dominic" I see the improvement, Thnx!
The thumbnails are however showing and covers majority of the slideshow @ Responsive view UNLIKE the dots well published on your demo. I think this should be the last fix before I copy it to production other than the video player canvas height proportionately taller than in your demo, ....slideshow texts etc.

So I should copy ONLY these ACM folders/type ?:
1/ Add the following folder to the \templates\ja_findus\acm:
2/ Add the following folder to the \templates\ja_findus\js:
3/ Override the assets.json and global.json files to the \templates\ja_findus\etc

dominic

Hi app1cker,
To hide on the mobile, you can add the following CSS code to the **templates\ja_findus\acm\slideshow\css\style.css** file:

@media (min-width: 992px) and (max-width: 1199px) {
.hidden-md {
    display: none !important;
} 
}

@media (min-width: 768px) and (max-width: 991px) {
.hidden-sm {
    display: none !important;
}
}

@media (max-width: 767px) {
.hidden-xs {
    display: none !important;
}
}

2/ Yes, copy ONLY these \templates\ja_findus\acm.

app1cker

This message is visible to Moderators only

hidden content

dominic

Hi app1cker,
I have checked your site and see that the thumbnail is hidden on mobile. Have you tried clearing the cache?

app1cker

This message is visible to Moderators only

hidden content

dominic

Hi app1cker,
You can copy the video folder from the ja-tour/acm folder to the ja-findus/acm folder and add the following CSS code to the ja-findus/acm/video/css/style.scc file:

.acm-video.style-1 .video-description {
  padding: 200px 150px; }
  @media (max-width: 1419.98px) {
    .acm-video.style-1 .video-description {
      padding: 90px; } }
  @media (max-width: 767.98px) {
    .acm-video.style-1 .video-description {
      padding: 60px 30px; } }
  @media (max-width: 767.98px) {
    .acm-video.style-1 .video-description .text-white {
      font-size: 26px; } }
  .acm-video.style-1 .video-description .btn-actions {
    margin-top: 90px; }
    @media (max-width: 1419.98px) {
      .acm-video.style-1 .video-description .btn-actions {
        margin-top: 30px; } }

.acm-video.style-1 .video-item {
  position: relative; }
  .acm-video.style-1 .video-item .ft-bg {
    background-size: cover;
    background-position: center center;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    min-height: 400px;
    width: 100%; }
    @media (max-width: 1199.98px) {
      .acm-video.style-1 .video-item .ft-bg {
        position: static; } }
    @media (max-width: 767.98px) {
      .acm-video.style-1 .video-item .ft-bg {
        min-height: 250px; } }
  .acm-video.style-1 .video-item .play-icon {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -60px;
    margin-left: -60px; }
    @media (max-width: 1199.98px) {
      .acm-video.style-1 .video-item .play-icon {
        left: 50%; } }
    @media (max-width: 767.98px) {
      .acm-video.style-1 .video-item .play-icon {
        margin-top: -40px;
        margin-left: -40px; } }