Forum Replies Created

Viewing 15 replies - 1 through 15 (of 20 total)
  • Thread Starter jasujs

    (@jasujs)

    @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 😉
    Bye

    jasujs

    (@jasujs)

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

    • This reply was modified 6 years ago by jasujs.
    • This reply was modified 6 years ago by jasujs.
    • This reply was modified 6 years ago by jasujs.
    • This reply was modified 6 years ago by t-p.
    jasujs

    (@jasujs)

    Got the same issue…

    jasujs

    (@jasujs)

    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 page

    I’m probably not very clear but maybe it could help someone

    • This reply was modified 6 years ago by jasujs.
    jasujs

    (@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.

    Thread Starter jasujs

    (@jasujs)

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

    Thread Starter jasujs

    (@jasujs)

    Thank you nK, you rock !

    Forum: Plugins
    In reply to: [Block Lab] Featured image
    jasujs

    (@jasujs)

    Hi 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

    • This reply was modified 6 years ago by jasujs.
    • This reply was modified 6 years ago by jasujs.
    Thread Starter jasujs

    (@jasujs)

    Close

    Thread Starter jasujs

    (@jasujs)

    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 !

    Thread Starter jasujs

    (@jasujs)

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

    (@jasujs)

    Hi,

    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.
    Thread Starter jasujs

    (@jasujs)

    Here was the problem…
    Everything works fine now.

    Thank you again very much Takayuki !
    Have a nice day

    Thread Starter jasujs

    (@jasujs)

    It’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]&nbsp;[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]&nbsp;[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.
    Thread Starter jasujs

    (@jasujs)

    Well, 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>
    • This reply was modified 6 years, 1 month ago by jasujs.
    • This reply was modified 6 years, 1 month ago by jasujs.
    • This reply was modified 6 years, 1 month ago by jasujs.
Viewing 15 replies - 1 through 15 (of 20 total)