Additionals

Vouchstar media files

All available media files from Vouchstar and how to get them

Vouchstar logos

Dark: https://cdn.vouchstar.shop/assets/images/dark-vouchstar-logo.svgVouchstar logo dark

<img src="https://cdn.vouchstar.shop/assets/images/dark-vouchstar-logo.svg" alt="Vouchstar logo dark" width="150" height="150" />

Light: https://cdn.vouchstar.shop/assets/images/light-vouchstar-logo.svgVouchstar logo light

<img src="https://cdn.vouchstar.shop/assets/images/light-vouchstar-logo.svg" alt="Vouchstar logo dark" width="150" height="150" />

Payment methods icons

Just set the payment method type in the cdn url like so:

https://cdn.vouchstar.shop/assets/paymentMethods/<payment-method-type>.svg

Example for payment methods SKRILL: https://cdn.vouchstar.shop/assets/paymentMethods/PCL_SKRILL_WALLET.svgVouchstar Skrill payment method

<img src="https://cdn.vouchstar.shop/assets/paymentMethods/PCL_SKRILL_WALLET.svg" alt="Vouchstar Skrill payment method" width="150" height="150" />
The list of your available payment methods can be found here: Payment methods and currencies

How to automate this process?

  1. Download the available payment methods Payment methods and currencies.
  2. Loop through the list of available payment methods and retrieve the type
  3. Create the cdn links for the payment methods like so https://cdn.vouchstar.shop/assets/paymentMethods/<payment-method-type>.svg
  4. Set the html img tag to show the icon <img src="https://cdn.vouchstar.shop/assets/paymentMethods/PCL_SKRILL_WALLET.svg" alt="Vouchstar Skrill payment method" width="150" height="150" />

Copyright © 2024