Tagged: load more
-
AuthorPosts
-
November 24, 2014 at 1:51 pm #356748
Hi !
I’d like to insert the “load more” code in a text block. I’ve tried to add this with the toolbar but it has no change. The “More” is visible in the avia text block but it doesn’t appear in the online page. How can I reduce my text with the “load more” code please ?
Unfortunately, I work on localhost so I can’t give you a link of my website.Here is the code of my text block :
Mensarum enim voragines et varias voluptatum inlecebras, ne longius progrediar, praetermitto illuc transiturus quod quidam per ampla spatia urbis subversasque silices sine periculi metu properantes equos velut publicos signatis quod dicitur calceis agitant, familiarium agmina tamquam praedatorios globos post terga trahentes ne Sannione quidem, ut ait comicus, domi relicto. quos imitatae matronae complures opertis capitibus et basternis per latera civitatis cuncta discurrunt. <!--more--> Iam virtutem ex consuetudine vitae sermonisque nostri interpretemur nec eam, ut quidam docti, verborum magnificentia metiamur virosque bonos eos, qui habentur, numeremus, Paulos, Catones, Galos, Scipiones, Philos; his communis vita contenta est; eos autem omittamus, qui omnino nusquam reperiuntur. Cuius acerbitati uxor grave accesserat incentivum, germanitate Augusti turgida supra modum, quam Hannibaliano regi fratris filio antehac Constantinus iunxerat pater, Megaera quaedam mortalis, inflammatrix saevientis adsidua, humani cruoris avida nihil mitius quam maritus; qui paulatim eruditiores facti processu temporis ad nocendum per clandestinos versutosque rumigerulos conpertis leviter addere quaedam male suetos falsa et placentia sibi discentes, adfectati regni vel artium nefandarum calumnias insontibus adfligebant.
Thank you,
Regards,
FranckNovember 24, 2014 at 1:56 pm #356756I’d like to have a part of my text hidden and have a “load more” link which shows the rest of my text.
Thanks for your help,
Regards,
FranckNovember 24, 2014 at 9:49 pm #357144Hey!
It sounds like your wanting to use a toggle. See here, http://kriesi.at/themes/enfold/shortcodes/toggles-accordions/.
You can drag a toggle in the advanced layout editor to below your textblock.
Cheers!
ElliottNovember 25, 2014 at 7:21 pm #357806Thanks for your answer Elliott but no I would like to use code “load more” in my textblock. Like this :
1. There is an option called “lire la suite” in french which means “load more” in english in my textblock editor :
http://www.sphere-evenements.com/alb.jpg
2. When I add click on it, it add the code : <!–more–> and do this in my text :
http://www.sphere-evenements.com/alb-2.jpg
3. But, online, my text isn’t changed :
http://www.sphere-evenements.com/orga-mariage-2.jpgI want to have the words “Lire la suite…” and when I click on it, it expands the text below. Like this
1. My text with the code “Lire la suite” :
http://www.sphere-evenements.com/orga-mariage.jpg
2. When I click on “Lire la suite…”, the text below appears :
http://www.sphere-evenements.com/orga-mariage-2.jpgHow can I do this please ?
Cheers !
FranckNovember 26, 2014 at 5:30 pm #358376Hey!
Actually that feature is for the excerpts and it does not actually function the way your wanting it do. See here for more info, http://codex.wordpress.org/Customizing_the_Read_More.
What your wanting is called a “toggle” and you can see how they work in the link in my first post. If you’d like we can give you CSS to style them so it looks like just a link and no box.
Regards,
Elliott- This reply was modified 9 years, 12 months ago by Elliott.
November 28, 2014 at 1:52 pm #359552Thank you Elliott.
Yes, it would be great if you give me CSS to look like I want !
Regards,
FranckNovember 28, 2014 at 9:36 pm #359894Hey!
Try adding this to your custom CSS.
.toggler, .toggle_content { background: none repeat scroll 0 0 transparent !important; border: 0 none !important; padding-left: 0px !important; } .toggle_icon { display: none; } .toggler { color: blue !important; text-decoration: underline; }
Best regards,
ElliottDecember 2, 2014 at 12:19 pm #361402Ok thank you Elliott. How can I use toggles in text block please ? Is there a shortcode to use it ?
Thanks,
Regards,
FranckDecember 2, 2014 at 8:57 pm #361763Hey!
There really wouldn’t be a point to do that. If your trying to use a toggle in between some text then just add a textblock, then your toggle beneath it, and then another textblock beneath that.
Or if that’s not correct then take a screenshot and highlight what your trying to do and we may be able to offer some suggestions.
Cheers!
ElliottDecember 3, 2014 at 9:54 am #362013I’d like to use it in a testimonial block, that’s why I’d like to have a solution in shortcode to apply this directly in the text.
For example :
I’d like my testimonial showing this when a customer visits my page (I have highlighted the like to “load more”) : http://www.sphere-evenements.com/lls-1.jpg
Then when customer clicks on “lire la suite…” (highlighted on first screenshot), the testimonial block expends like this (to show more text) : http://www.sphere-evenements.com/lls-2.jpgThanks,
Regards,
FranckDecember 3, 2014 at 7:31 pm #362406Hi!
They were not meant to be used like that but you can try enabling the debug view, http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/, and then copy and paste the shortcodes so they are nested inside each other.
Best regards,
ElliottDecember 4, 2014 at 12:10 pm #362793It doesn’t work really like I want, but it works, Thank you. I’ve found a another simpler solution (maybe it would be interesting to develop this function in the futur update of enfold theme) :
First step :
Add in quick CSS or custom CSS :
#loadmore {display:none;}Second step :
In text block, at the position you want to place “the load more text”, add :
<p>Load more…</p>
<p id=”loadmore”>YOUR TEXTE</p>Cheers !
FranckDecember 4, 2014 at 12:10 pm #362794It doesn’t work really like I want, but it works, Thank you. I’ve found a another simpler solution (maybe it would be interesting to develop this function in the futur update of enfold theme) :
First step :
Add in quick CSS or custom CSS :
#loadmore {display:none;}Second step :
In text block, at the position you want to place “the load more text”, add :
<p>Load more…</p>
<p id=”loadmore”>YOUR TEXT</p>Cheers !
FranckDecember 4, 2014 at 1:07 pm #362823Sorry, the second step was hidden :
Second step :
In text block, at the position you want to place “the load more text”, add :<p><a href="#nogo" onclick="document.getElementById('loadmore').style.display = 'block'; this.style.display = 'none';">Load more...</a></p> <p id="loadmore">YOUR TEXT</p>
-
AuthorPosts
- The topic ‘"Load more" in text block’ is closed to new replies.