Public Forums 71,145 posts

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#972887

Hi there,

It’s a custom HTML module with carousel script. I guess you’re using a Joomla content editor so when saving this module, the editor strips some HTML tags and you don’t see the navigation icons (this is a known issue when using editor).

So what you can do now is going to Backend of your site > Sites > Global Configuration and set ‘Default Editor’ to None.

Then open the module, add content for slideshow again. Below is output of this slideshow in our demo site:

<div class="container">

<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
  <!-- Indicators -->
  <ol class="carousel-indicators">
    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
  </ol>

  <!-- Wrapper for slides -->
  <div class="carousel-inner">

    <div class="item active">
     <img src="images/joomlart/slideshow/sl-1.jpg" alt="Sample image" />
      <div class="carousel-caption">
      <h2>Your perfect starting template, Purity III</h2>
      <p>Either it's your first time with Joomla or you are a developer already, Purity III won't let you down.</p>
     </div>
    </div>

    <div class="item">
      <img src="images/joomlart/slideshow/sl-2.jpg" alt="Sample image" />
      <div class="carousel-caption">
      <h2>This is the best FREE Joomla 3 template!</h2>
      <p>We have drunken too much of the best… but this repsonsive Joomla template truly is, and IT'S FREE!</p>
     </div>
    </div>
    <div class="item">
      <img src="images/joomlart/slideshow/sl-3.jpg" alt="Sample image" />
      <div class="carousel-caption">
      <h2>The next generation of Purity series</h2>
      <p>Sophisticated in Design, Brilliant in Features. That's how we define Purity Series.</p>
     </div>
    </div>
  </div>

  <!-- Controls -->
  <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
    <span class="glyphicon glyphicon-chevron-left"></span>
  </a>
  <a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
    <span class="glyphicon glyphicon-chevron-right"></span>
  </a>
</div>

</div>

[formations Friend formationsJoin date: April 2016Posts: 29Downloads:16Uploads:5 Thanks: 1]

#974184

Hi Saguaros,

Thank you for the quick reply, we followed the steps mentioned above and we got the desired functionality working, but there is still one small issue the arrow image icon which is a gif image(both left arrow and right arrow) are not visible. So what can be done is the image path missing or where do i change.

With Regards
formation
Admin

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#974263

You can provide the URL and Admin login info of your site, I will check it for you.

[formations Friend formationsJoin date: April 2016Posts: 29Downloads:16Uploads:5 Thanks: 1]

#976057

It in our local machine not hosted on the server i can supply the screen shot of the images.

We have attached the screenshot with this and the we have circled or marked with highlighters to show the error of the icon or where the icon is not getting displayed so that you can get the issue that we are talking.

With Regards
formations
Admin

---

Attachments:

1. 

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#976152

I guess there is something wrong with path of glyphicon icons, you can put your site online and provide me the login info. I will check it for you.

[formations Friend formationsJoin date: April 2016Posts: 29Downloads:16Uploads:5 Thanks: 1]

#977013

Hi Saguaros,

Sorry for the delay,We had to temporarily host the site so took some time. Here is the Site details to login:

Url: http://formations.org.in/OrgForCofl/administrator/
Username : admin1
password : admin1

Please let us know what the issue is.

Regards
formations
Admin

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#977104

Check this screenshot: http://prntscr.com/cvbsu9

Somehow these files have 404 status, kindly check the path and see whether these files exist or not (by default, it should)

Or there may be permission issue on your site which prevents from accessing these files. The correct permission for file/folder should be: file-644 and folder-755

[formations Friend formationsJoin date: April 2016Posts: 29Downloads:16Uploads:5 Thanks: 1]

#988133

Hi Saguaros,

we have done some quite checks on and we were able to get the path of the files. The path of the File : is as follows:

…/OrgForCofl/plugins/system/t3/base-bs3/bootstrap/fonts and these are the files that are there:

glyphicons-halflings-regular.eot
glyphicons-halflings-regular.svg
glyphicons-halflings-regular.ttf
glyphicons-halflings-regular.woff
glyphicons-halflings-regular.woff2

but the path that was traced and sent in the screenshot : http://prntscr.com/cvbsu9 is as follows
http://formations.org.in/OrgForCofl/templates/plugins/system/t3/base-bs3/bootstrap/fonts/
so there is a path that is got changed /OrgForCofl/plugins/(where the actual file resides) and the other path which is in the screenshot url is : /OrgForCofl/templates/plugins/(where the file are not there)

Is there a workaround for this.

With Regards
Formation Admin

[formations Friend formationsJoin date: April 2016Posts: 29Downloads:16Uploads:5 Thanks: 1]

#988159

Hi Saguaros,

We were able to fix the issue now. The glyphicons are now being pulled and we can see those icons.
Thank GOD and thank You for the help.

With Regards
Formation Admin

[formations Friend formationsJoin date: April 2016Posts: 29Downloads:16Uploads:5 Thanks: 1]

#988183

Hi Saguaros,

We have one more questions how can the timer(speed) of the slideshow transition increased.

With Regards
Formation Admin

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#988394

This is carousel of Bootstrap, you can see options here: http://getbootstrap.com/javascript/#carousel

Based on this, you can pass the time interval via data attribute, in content output of this module (see in above post), you can to this:

<div id="carousel-example-generic" class="carousel slide" data-ride="carousel" data-interval="2000">

2000 here is amount of time in millisecond, you can change to value as you wish.

Hope this helps.

[formations Friend formationsJoin date: April 2016Posts: 29Downloads:16Uploads:5 Thanks: 1]

#989700

Hi Saguaros,

Thank you for the quick help. That resolved our problem.

With Regards
formation Admin

[Author]

Posts