Public Forums 71,145 posts

[rey antonio Friend rey antonioJoin date: April 2014Posts: 4Downloads:0Uploads:0 Thanks: 2 Thanked: 1 times in 2 posts]

#532448

<em>@Ninja Lead 423439 wrote:</em><blockquote>@rey antonio: Please give it a try with solution above.</blockquote>

Thanks! But I think my problem is a little different. :(( If you can please take a look a it: http://www.luquillo.pr. Maybe I am missing something in the HTML code for the slideshow.

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#532491

@rey antonio: You can try to use script carousel slideshow as follows:


<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>


[rey antonio Friend rey antonioJoin date: April 2014Posts: 4Downloads:0Uploads:0 Thanks: 2 Thanked: 1 times in 2 posts]

#532557

That’s exactly the same script that I am using. I just went back and copy-paste the code above but nothing happens. I also created a new module with the above script, but neither worked.

[rey antonio Friend rey antonioJoin date: April 2014Posts: 4Downloads:0Uploads:0 Thanks: 2 Thanked: 1 times in 2 posts]

#532605

@ninja Lead: Thank you for your support! The slideshow is now working correctly. In case someone else is having a similar problem, all you need to do is to go to Global Configuration and disable the editor by setting “Default Editor” to “None”. Apparently, the tinyMCE editor was stripping some HTML tags, specifically the “controls” section.

1 user says Thank You to rey antonio for this useful post

1. Ninja Lead

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#532686

@rey antonio: Glad you found the way out of it!

It is true that tinyMCE editor will automatically remove special character (html structure script), that’s why we need to set Default Editor to NONE from Global Configuration settting.

[dlonra22 Friend dlonra22Join date: July 2014Posts: 10Downloads:0Uploads:1]

#545092

<em>@Ninja Lead 424018 wrote:</em><blockquote>@rey antonio: Glad you found the way out of it!

It is true that tinyMCE editor will automatically remove special character (html structure script), that’s why we need to set Default Editor to NONE from Global Configuration settting.</blockquote>

hi Ninja,

My glyphicons are showing as hollow squares rather than left and right arrows. can you help. The code is identical but glyphicons are showing different. please see the attached image.

---

Attachments:

1. 

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#545134

About the problem on yours site relates glyphicons bootstrap could not load glyphicon glyphicon-chevron-left and glyphicon glyphicon-chevron-right icon. You can follow my answer below

+ Backup all customize about css on your site.

+ Upgrade to latest T3 framework version

+ Go Admin site >Template Manager > Purity III > click Compile LESS to CSS

Let me know if it helps

[Author]

Posts