Template:Hp-sliders: Difference between revisions
From Electrical Installation Guide
(correction as tested in PPR-EN - moved a </div> that was misplaced, creating an incoherence with some related css - some grey appeared below sliders, if several sliders) |
(remove the ... after internal links - during Prosumer (update ch.K and ch.P)) |
||
| (2 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
__NOEDITSECTION__<includeonly>{{#default_form:Hp-sliders}}<div class="hp-slider row"> | __NOEDITSECTION__<includeonly>{{#default_form:Hp-sliders}}<div class="hp-slider container-fluid p-0"> | ||
<div id="carousel-example-generic" class="carousel slide | <div class="row"> | ||
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel"><!-- | |||
-->{{#if: {{{title2|}}}| | -->{{#if: {{{title2|}}}| | ||
<ol class="carousel-indicators"> | <ol class="carousel-indicators"> | ||
| Line 10: | Line 11: | ||
<div class="carousel-inner"><!-- | <div class="carousel-inner"><!-- | ||
-------------------------------- slider 1 ---------------------------> | -------------------------------- slider 1 ---------------------------> | ||
<div class="item active">[[file:{{{image|Wiki-Home-Slider-image 1920x450.jpg}}}|class=img- | <div class="carousel-item active" data-interval="10000">[[file:{{{image|Wiki-Home-Slider-image 1920x450.jpg}}}|class=d-block w-100 img-fluid|link=]] | ||
<div class="carousel-caption"> | <div class="carousel-caption"> | ||
<h4>{{{title}}}</h4> | <h4>{{{title}}}</h4> | ||
<p class="text">{{{text}}}</p> | <p class="text">{{{text}}}</p> | ||
{{#if: {{{btn-text|}}} | {{#ifeq: {{#sub:{{{link}}}|0|4}} | http |[{{{link}}} <span class="btn btn-primary">{{{btn-text}}}</span>] | [[{{{link}}}|> {{{btn-text}}} | {{#if: {{{btn-text|}}} | {{#ifeq: {{#sub:{{{link}}}|0|4}} | http |[{{{link}}} <span class="btn btn-primary">{{{btn-text}}}</span>] | [[{{{link}}}|> {{{btn-text}}}]]}} }} | ||
</div> | </div> | ||
</div><!-- | </div><!-- | ||
-------------------------------- slider 2 ------------------------- | -------------------------------- slider 2 ------------------------- | ||
-->{{#if: {{{title2|}}}| | -->{{#if: {{{title2|}}}| | ||
<div class="item">[[file:{{{image2|Wiki-Home-Slider-image 1920x450.jpg}}}|class=img- | <div class="carousel-item" data-interval="10000">[[file:{{{image2|Wiki-Home-Slider-image 1920x450.jpg}}}|class=d-block w-100 img-fluid|link=]] | ||
<div class="carousel-caption"> | <div class="carousel-caption"> | ||
<h4>{{{title2}}}</h4> | <h4>{{{title2}}}</h4> | ||
<p class="text">{{{text2}}}</p> | <p class="text">{{{text2}}}</p> | ||
{{#if: {{{btn-text2|}}} | {{#ifeq: {{#sub:{{{link2}}}|0|4}} | http |[{{{link2}}} <span class="btn btn-primary">{{{btn-text2}}}</span>] | [[{{{link2}}}|> {{{btn-text2}}} | {{#if: {{{btn-text2|}}} | {{#ifeq: {{#sub:{{{link2}}}|0|4}} | http |[{{{link2}}} <span class="btn btn-primary">{{{btn-text2}}}</span>] | [[{{{link2}}}|> {{{btn-text2}}}]]}} }} | ||
</div> | </div> | ||
</div> | </div> | ||
| Line 29: | Line 30: | ||
-------------------------------- slider 3 ------------------------- | -------------------------------- slider 3 ------------------------- | ||
-->{{#if: {{{title3|}}}| | -->{{#if: {{{title3|}}}| | ||
<div class="item">[[file:{{{image3|Wiki-Home-Slider-image 1920x450.jpg}}}|class=img- | <div class="carousel-item" data-interval="10000">[[file:{{{image3|Wiki-Home-Slider-image 1920x450.jpg}}}|class=d-block w-100 img-fluid|link=]] | ||
<div class="carousel-caption"> | <div class="carousel-caption"> | ||
<h4>{{{title3}}}</h4> | <h4>{{{title3}}}</h4> | ||
| Line 39: | Line 40: | ||
</div> | </div> | ||
<!--------------------- carousel control arrows, only add if there is at least 2 sliders --------------------------->{{#if: {{{title2|}}}| | <!--------------------- carousel control arrows, only add if there is at least 2 sliders --------------------------->{{#if: {{{title2|}}}| | ||
<span class=" | <span class="carousel-control-prev" data-target="#carousel-example-generic" role="button" data-slide="prev"> | ||
<span class=" | <span class="carousel-control-prev-icon" aria-hidden="true"></span> | ||
<span class="sr-only">Previous</span> | <span class="sr-only">Previous</span> | ||
</span> | </span> | ||
<span class=" | <span class="carousel-control-next" data-target="#carousel-example-generic" role="button" data-slide="next"> | ||
<span class=" | <span class="carousel-control-next-icon" aria-hidden="true"></span> | ||
<span class="sr-only">Next</span> | <span class="sr-only">Next</span> | ||
</span>}} | </span>}} | ||
<!--------------------------------------------------------------------------> | <!--------------------------------------------------------------------------> | ||
</div> | |||
</div> | </div> | ||
</div></includeonly><noinclude> | </div></includeonly><noinclude> | ||
Latest revision as of 16:26, 10 November 2023
This is the "Hp-sliders" template, used as a model to create/modify Homepage "sliders".
To modify Homepage "sliders", go to the dedicated form page
Alternatively, you can call this template in the following format:
{{Hp-sliders
|title=
|image=
|text=
|btn-text=
|link=
|title2=
|image2=
|text2=
|btn-text2=
|link2=
|title3=
|image3=
|text3=
|btn-text3=
|link3=
}}
