Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 11, 2019 at 11:16 pm #1077557
    kumharas

    Hello,
    I’ve created a custom css class for a button on this page and I’d like to pass parameters as well:

    https://dev.canyon-spirit.com/canyoning-pyrenees/ariege/moulis/

    I would like the button to behave as the link.

    This is the code of the link:

    <script type="text/javascript" src="https://trekker.fr/checkout/v1/checkout.js"></script>
<a href="#" class="trekker-pro-booking" data-company="canyon-spirit" data-gift-card="true">Acheter un bon cadeau</a>

    This the code of the button:

    <script type="text/javascript" src="https://trekker.fr/checkout/v1/checkout.js"></script>
[av_button label='Cliquez sur moi' link='manually,http://' link_target='' size='small' position='center' label_display='' icon_select='yes' icon='ue800' font='entypo-fontello' color='theme-color' custom_bg='#444444' custom_font='#ffffff' av_uid='av-2itiap' custom_class='trekker-pro-booking' admin_preview_bg='']

    My question is how to pass data-company and data-gift-card parameters to the calling URL of the button ?

    Thanks for your help.

    Regards.

    • This topic was modified 5 years, 8 months ago by kumharas.
    March 13, 2019 at 7:20 pm #1078344
    Victoria

    Hey kumharas,

    I think you can add the data attributes with JavaScript. This will be the easiest way.

    Best regards,
    Victoria

    March 14, 2019 at 12:08 pm #1078658
    kumharas

    Hi Victoria,

    I finally found a solution creating a button in html and adding it custom class and data attributes:

    <a class="avia-button avia-color-custom avia-size-large trekker-pro-booking" style="background-color: #d95b16; color: #ffffff;" href="#" data-company="canyon-spirit" data-gift-card="true">TEST</a>

    Thanks for your help.

    • This reply was modified 5 years, 8 months ago by kumharas.
    March 16, 2019 at 7:43 am #1079371
    Rikard

    Hi,

    Great, I’m glad you found a solution and thanks for sharing. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    March 18, 2019 at 1:57 pm #1079885
    kumharas

    Hi Rikard,
    You can close this case.
    Regards.

    March 18, 2019 at 10:16 pm #1080097
    Victoria

    Hi,

    Best regards,
    Victoria

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Custom CSS class’ is closed to new replies.