jasujs
Forum Replies Created
-
@telemarker Thank you very much for your (quick) help ! Indeed, the support side of this plugin doesn’t seem to be a priority.
Anyway, thank you for your sugestion, much appreciated 😉
ByeGlad I could help.
And in fact, no need to replace href of the items-list filter, as you reload all the .vp-portfolio div, so items-list filter is up to date.
And in brief, after some verifications that the rewritten url param is what I expect, my code was :
let filterName = (you get the catname from rewritten url - I used window.location.pathname.split('/') and some verifications - ); $('.vp-portfolio').load('mydomain.com/portfolio/?vp_filter=category%3A' + filterName + ' .vp-portfolio', function () { // Do some stuff, or not, if you need after the load });.load(‘url’ #div) is a way to only load a specific div (#div or .div) from the requested page.
Not very well coded but it works.
Tips : you can rewrite url as the normal one of your portfolio (mydomain.com/porftolio), after the reload happened by using window.history.replaceState (in the // Do some stuff) :
let pageurl = 'https://mydomain.com/portfolio/'; window.history.replaceState({ path: pageurl }, '', pageurl);I used that because if the user click on another filter item after porfolio has reloaded, the url don’t update to myDomain.com/portfolio/filter/newCat and it’s not very pretty.
So I change url to default one on his side so it’s invisible for him 😉Got the same issue…
Thank nK for your feedback.
I managed to make it work by analysing the rewrited url “params” and using a simple ajax call.
Not perfectly coded but it works fine.In brief :
– I rewrite url like this : portfolio/filter/cat (instead of portfolio/?vp-filter=category:cat)
– I get the $cat name in url by Jquery
– I update all (then) modified href from vp-filter-items to point to default url (not rewrite ones)
e.g : portfolio/filter/cat/?vp-filter=category:cat –> portfolio/?vp-filter=category:cat
– call ajax onLoad to load only the .vp-portfolio div from the url portfolio/?vp-filter=category:$cat in order to replace the default .vp-portfolio div of the pageI’m probably not very clear but maybe it could help someone
- This reply was modified 6 years ago by jasujs.
Hi nK,
Do you think there is a way to rewrite this url ?
It’s not really beautiful as it’s not a “prettylink”I don’t see how I could do.
Thank you.
Forum: Plugins
In reply to: [Block Lab] Insert an image inside the block editor – Admin sideIndeed, it’s not what I had in mind.
Thank you very much for your answer and thank you for you awesome job with this plugin !
Have a nice day
Thank you nK, you rock !
Forum: Plugins
In reply to: [Block Lab] Featured imageHi guyz,
I got kind of the same interrogation.
I’m creating a post page, and add some photos (*the only ones in the post) via a blocklab block.
I’d like that the first img of the post become automatically the post featured image. (so you don’t need to set manually a featured image each time)
I tried this snippet wich works fine with a basic post (gavick.com) but I think that, as images added via blocklab are not linked (attached) to the post, this function don’t retrieve it.
I was wondering if there’s a way to get the first image appearing on a post page (maybe by getting the first img tag of the post) and then assign it as featured image of this post… Maybe this could be a solution, I don’t know.
Bye.
PS : If what I ask for is impossible, getting get_the_post_thumbnail via a blockfield could be, indeed, a solution
Close
Well, I did it otherwise.
I create a category, that I will hide on front-end, then select it via jQuery in the img-wrap data-attribute and then do my thing with images I wanted to have a custom attribute 😉
Thank you anyway.
And wonderful plugin btw !
I’m doing this to be able to replace image on hover, as an overlay in a way. If you know another workaround maybe…
- This reply was modified 6 years ago by jasujs.
Forum: Plugins
In reply to: [Visual Portfolio, Photo Gallery & Post Grid] Zoom EffectHi,
I’m not sure but you may try to add !important
.vp-portfolio__items-style-default .vp-portfolio__item:hover .vp-portfolio__item-img img {
-webkit-transform: none !important;
transform: none !important;
}Or maybe because you used another hover effect (default / Emerge / Fly / Fade) you need to change the “.vp-portfolio__items-style-default” by “.vp-portfolio__items-style-emerge” for example 😉
Bye- This reply was modified 6 years ago by jasujs.
Forum: Plugins
In reply to: [Contact Form 7] No line breaks when sending textareaHere was the problem…
Everything works fine now.Thank you again very much Takayuki !
Have a nice dayForum: Plugins
In reply to: [Contact Form 7] No line breaks when sending textareaIt’s quite long.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Formulaire Inscription</title> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> </head> <body style="margin: 0; padding: 0;"> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td style="padding: 10px 0 30px 0;"> <table align="center" border="0" cellpadding="0" cellspacing="0" width="800" style="border: 1px solid #cccccc; border-collapse: collapse;"> <tr> <td align="center" bgcolor="#70bbd9" style="padding: 10px 0 10px 0; color: #153643; font-size: 14px; font-weight: bold; font-family: Arial, sans-serif;"> [TypeInscription] de [radio-civilite] [your-surname] [your-name] </td> </tr> <tr> <td bgcolor="#ffffff" style="padding: 10px;"> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td style="padding: 0px 0 5px 0; color: #153643; font-family: Arial, sans-serif; font-size: 14px; line-height: 15px;"> De : [radio-civilite] [your-name] </td> </tr> <tr> <td style="padding: 5px 0 5px 0; color: #153643; font-family: Arial, sans-serif; font-size: 14px; line-height: 15px;"> Objet : [TypeInscription] de Mme/Mr [your-surname] [your-name] </td> </tr> </table> </td> </tr> <tr> <td bgcolor="#ffffff" style="padding: 10px;"> <table border="0" cellpadding="0" cellspacing="0" width="100%" style="margin-bottom: 10px;"> <tr> <td colspan="2" style="padding: 5px; color: #153643; font-family: Arial, sans-serif; font-size: 14px; line-height: 15px; border: 1px solid #efefef; text-decoration: underline; text-align: center"> Renseignements </td> </tr> <tr> <td style="padding: 5px; color: #153643; font-family: Arial, sans-serif; font-size: 14px; line-height: 15px; border: 1px solid #efefef; width: 50%;"> Nom : [your-surname] </td> <td style="padding: 5px; color: #153643; font-family: Arial, sans-serif; font-size: 14px; line-height: 15px; border: 1px solid #efefef; width: 50%;"> Prénom : [your-name] </td> </tr> <tr> <td colspan="2" style="padding: 5px; color: #153643; font-family: Arial, sans-serif; font-size: 14px; line-height: 15px; border: 1px solid #efefef;"> Date de naissance : [date-naissance] </td> </tr> <tr> <td colspan="2" style="padding: 5px; color: #153643; font-family: Arial, sans-serif; font-size: 14px; line-height: 15px; border: 1px solid #efefef;"> Adresse : [your-adress] </td> </tr> <tr> <td style="padding: 5px; color: #153643; font-family: Arial, sans-serif; font-size: 14px; line-height: 15px; border: 1px solid #efefef; width: 50%;"> Code Postal : [your-postal-code] </td> <td style="padding: 5px; color: #153643; font-family: Arial, sans-serif; font-size: 14px; line-height: 15px; border: 1px solid #efefef; width: 50%;"> Ville : [your-town] </td> </tr> <tr> <td colspan="2" style="padding: 5px; color: #153643; font-family: Arial, sans-serif; font-size: 14px; line-height: 15px; border: 1px solid #efefef;"> Email : [your-email] </td> </tr> <tr> <td style="padding: 5px; color: #153643; font-family: Arial, sans-serif; font-size: 14px; line-height: 15px; border: 1px solid #efefef; width: 50%"> Téléphone fixe : [tel-fixe] </td> <td style="padding: 5px; color: #153643; font-family: Arial, sans-serif; font-size: 14px; line-height: 15px; border: 1px solid #efefef; width: 50%"> Téléphone Portable : [tel-portable] </td> </tr> </table> <table border="0" cellpadding="0" cellspacing="0" width="48%" style="float:left;margin-right:10px; margin-bottom: 10px; "> <tr> <td colspan="2" style="padding: 5px; color: #153643; font-family: Arial, sans-serif; font-size: 14px; line-height: 15px; border: 1px solid #efefef; text-decoration: underline; text-align: center"> Question médicale </td> </tr> <tr> <td style="padding: 5px; color: #153643; font-family: Arial, sans-serif; font-size: 14px; line-height: 15px; border: 1px solid #efefef; width: 40%;"> Médecin traitant : </td> <td style="padding: 5px; color: #153643; font-family: Arial, sans-serif; font-size: 14px; line-height: 15px; border: 1px solid #efefef; width: 60%;"> [your-doctor] </td> </tr> <tr> <td style="padding: 5px; color: #153643; font-family: Arial, sans-serif; font-size: 14px; line-height: 15px; border: 1px solid #efefef; width: 40%;"> Téléphone du Médecin traitant : </td> <td style="padding: 5px; color: #153643; font-family: Arial, sans-serif; font-size: 14px; line-height: 15px; border: 1px solid #efefef; width: 60%;"> [tel-medecin] </td> </tr> <tr> <td style="padding: 5px; color: #153643; font-family: Arial, sans-serif; font-size: 14px; line-height: 15px; border: 1px solid #efefef; width: 40%;"> Certificat médical ou Questionnaire fait le : </td> <td style="padding: 5px; color: #153643; font-family: Arial, sans-serif; font-size: 14px; line-height: 15px; border: 1px solid #efefef; width: 50%;"> [date-certificat] </td> </tr> </table> <table border="0" cellpadding="0" cellspacing="0" width="48%" style="float: right; margin-bottom: 10px;"> <tr> <td colspan="2" style="padding: 5px; color: #153643; font-family: Arial, sans-serif; font-size: 14px; line-height: 15px; border: 1px solid #efefef; text-decoration: underline; text-align: center"> Personne à contacter en cas d'urgence </td> </tr> <tr> <td style="padding: 5px; color: #153643; font-family: Arial, sans-serif; font-size: 14px; line-height: 15px; border: 1px solid #efefef; width: 40%;"> Nom et prénom : </td> <td style="padding: 5px; color: #153643; font-family: Arial, sans-serif; font-size: 14px; line-height: 15px; border: 1px solid #efefef; width: 60%;"> [your-contact-name] </td> </tr> <tr> <td style="padding: 5px; color: #153643; font-family: Arial, sans-serif; font-size: 14px; line-height: 15px; border: 1px solid #efefef; width: 40%;"> Adresse : </td> <td style="padding: 5px; color: #153643; font-family: Arial, sans-serif; font-size: 14px; line-height: 15px; border: 1px solid #efefef; width: 60%;"> [your-contact-adress] </td> </tr> <tr> <td style="padding: 5px; color: #153643; font-family: Arial, sans-serif; font-size: 14px; line-height: 15px; border: 1px solid #efefef; width: 40%;"> Téléphone : </td> <td style="padding: 5px; color: #153643; font-family: Arial, sans-serif; font-size: 14px; line-height: 15px; border: 1px solid #efefef; width: 60%;"> [tel-contact] </td> </tr> </table> <table border="0" cellpadding="0" cellspacing="0" width="35%" style="margin-right:10px; margin-bottom: 10px; clear:both; float: left;"> <tr> <td colspan="2" style="padding: 5px; color: #153643; font-family: Arial, sans-serif; font-size: 14px; line-height: 15px; border: 1px solid #efefef; text-decoration: underline; text-align: center"> Choix du type de la licence et dispositif d'aide </td> </tr> <tr> <td style="padding: 5px; color: #153643; font-family: Arial, sans-serif; font-size: 14px; line-height: 15px; border: 1px solid #efefef; width: 55%;"> Choix de la licence : </td> <td style="padding: 5px; color: #153643; font-family: Arial, sans-serif; font-size: 14px; line-height: 15px; border: 1px solid #efefef; width: 45%;"> [ChoixLicence] </td> </tr> <tr> <td style="padding: 5px; color: #153643; font-family: Arial, sans-serif; font-size: 14px; line-height: 15px; border: 1px solid #efefef; width: 55%;"> Dispositif Sortir : </td> <td style="padding: 5px; color: #153643; font-family: Arial, sans-serif; font-size: 14px; line-height: 15px; border: 1px solid #efefef; width: 45%;"> [dispoSortir] </td> </tr> <tr> <td style="padding: 5px; color: #153643; font-family: Arial, sans-serif; font-size: 14px; line-height: 15px; border: 1px solid #efefef; width: 55%;"> Dispositif Chèques Vacances : </td> <td style="padding: 5px; color: #153643; font-family: Arial, sans-serif; font-size: 14px; line-height: 15px; border: 1px solid #efefef; width: 45%;"> [chequeVac] </td> </tr> </table> <table border="0" cellpadding="0" cellspacing="0" width="61%" style="float: right; margin-bottom: 10px; margin-top: 0px;"> <tr> <td colspan="2" style="padding: 5px; color: #153643; font-family: Arial, sans-serif; font-size: 14px; line-height: 15px; border: 1px solid #efefef; text-decoration: underline; text-align: center"> Choix des activités / Jours et horaires </td> </tr> <tr> <td style="padding: 5px; color: #153643; font-family: Arial, sans-serif; font-size: 14px; line-height: 15px; border: 1px solid #efefef; width: 40%;"> Activités choisies : </td> <td style="padding: 5px; color: #153643; font-family: Arial, sans-serif; font-size: 14px; line-height: 15px; border: 1px solid #efefef; width: 60%;"> [textarea-activites] </td> </tr> <tr> <td style="padding: 5px; color: #153643; font-family: Arial, sans-serif; font-size: 14px; line-height: 15px; border: 1px solid #efefef; width: 40%;"> Jours choisis : </td> <td style="padding: 5px; color: #153643; font-family: Arial, sans-serif; font-size: 14px; line-height: 15px; border: 1px solid #efefef; width: 60%;"> [textarea-jours] </td> </tr> <tr> <td style="padding: 5px; color: #153643; font-family: Arial, sans-serif; font-size: 14px; line-height: 15px; border: 1px solid #efefef; width: 40%;"> Heures choisies : </td> <td style="padding: 5px; color: #153643; font-family: Arial, sans-serif; font-size: 14px; line-height: 15px; border: 1px solid #efefef; width: 60%;"> [textarea-heures] </td> </tr> <tr> <td style="padding: 5px; color: #153643; font-family: Arial, sans-serif; font-size: 14px; line-height: 15px; border: 1px solid #efefef; width: 40%;"> Coût des activités : </td> <td style="padding: 5px; color: #153643; font-family: Arial, sans-serif; font-size: 14px; line-height: 15px; border: 1px solid #efefef; width: 60%;"> [number-prix] € </td> </tr> </table> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td colspan="2" style="padding: 5px; color: #153643; font-family: Arial, sans-serif; font-size: 13px; line-height: 15px; border: 1px solid #efefef; text-decoration: underline; text-align: center"> En adhérant à Zentonic </td> </tr> <tr> <td style="padding: 5px; color: #153643; font-family: Arial, sans-serif; font-size: 12px; line-height: 15px; border: 1px solid #efefef; width: 90%;"> J’ai pris connaissance des conditions d’inscription et du règlement intérieur. Je m’engage à les respecter </td> <td style="padding: 5px; color: #153643; font-family: Arial, sans-serif; font-size: 12px; line-height: 15px; border: 1px solid #efefef; width: 10%;"> [radio-393] </td> </tr> <tr> <td style="padding: 5px; color: #153643; font-family: Arial, sans-serif; font-size: 12px; line-height: 15px; border: 1px solid #efefef; width: 90%;"> J’ai pris connaissance des conditions de l’utilisation de mes données personnelles par l’association et les accepte . En application de l’article 34 Loi du 6/01/1978, j’ai connaissance que je bénéficie d’un droit d’accès et de rectification à ces informations par demande directe au bureau Zentonic. </td> <td style="padding: 5px; color: #153643; font-family: Arial, sans-serif; font-size: 12px; line-height: 15px; border: 1px solid #efefef; width: 10%;"> [radio-droits] </td> </tr> <tr> <td style="padding: 5px; color: #153643; font-family: Arial, sans-serif; font-size: 12px; line-height: 15px; border: 1px solid #efefef; width: 90%;"> J’ai pris connaissance de la licence EPGV obligatoire et de la possibilité de contracter une assurance complémentaire facultative Lia-Sport conformément à l’article L321-4 du Code du Sport : </td> <td style="padding: 5px; color: #153643; font-family: Arial, sans-serif; font-size: 12px; line-height: 15px; border: 1px solid #efefef; width: 10%;"> [radio-connaissance_licence] </td> </tr> <tr> <td style="padding: 5px; color: #153643; font-family: Arial, sans-serif; font-size: 12px; line-height: 15px; border: 1px solid #efefef; width: 90%;"> J’autorise l’association Zentonic à effectuer et diffuser des prises de vue, films, et photographies de ma personne lors des activités et évènements organisés durant la saison en cours , du 1° Sept au 31 Aout suivant, en vu de la diffusion sur site, annonces, articles de diffusion, supports communication : Flyers, affiches, panneaux, kakémonos, bulletin et articles d’information : </td> <td style="padding: 5px; color: #153643; font-family: Arial, sans-serif; font-size: 12px; line-height: 15px; border: 1px solid #efefef; width: 10%;"> [radio-droit-image] </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </body> </html>`
- This reply was modified 6 years, 1 month ago by jasujs.
Forum: Plugins
In reply to: [Contact Form 7] No line breaks when sending textareaWell, the problem is still here.
No line breaks for the textarea in HTML email.
I don’t know what to do.Here is the HTML email side :
<table border="0" cellpadding="0" cellspacing="0" margin-bottom: 10px; margin-top: 0px;"> <tr> <td style="padding: 5px; color: #153643; font-family: Arial, sans-serif; font-size: 14px; line-height: 15px; border: 1px solid #efefef; width: 40%;"> Activities : </td> <td style="padding: 5px; color: #153643; font-family: Arial, sans-serif; font-size: 14px; line-height: 15px; border: 1px solid #efefef; width: 60%;"> [textarea-activities] </td> </tr> </table>