Donate

Styleguide: Difference between revisions

Browse history interactively
← Older edit
Content deleted Content added
VisualWikitext
Cbarr (talk | contribs)
inactive
13,762 edits
m Socialmedia template no longer needed
 
(26 intermediate revisions by 3 users not shown)
Line 1:
'''Note: some of this documentation needs to be updated'''
 
==Introduction==
In order to get an better picture of how the templates on donate.wiki relate to one another review the images below. The Landing Page is chopped up into many templates so that we can change and test individual pieces of the page without changing core functional pieces of the page. This provides us with more stability for a broader range of users.
Line 11 ⟶ 13:
 
==Banner==
Banner settings completely determine which landing page is displayed, in which language, and where the page runs. All banners call the [[Template:Lp-layout-default]] template and pass it the names of 4 templates. The default values follow:
*[[Template:2011FR/Appeal-template-default]]
*"Appeal-default"
Line 19 ⟶ 21:
For specifics of the donate.wiki versions of the banner code visit [[Styleguide/Banner]].
 
==Appeal Templates==
The "2011FR/'''Appeal-default'''" is used by [[Template:2011FR/Appeal-template-default]] to call the following 2 templates:
*[[Template:2011FR/Appeal-default/text/en]]
*[[Template:2011FR/Appeal-default/title/en]]
 
==Donation Form Templates==
==Payment==
The template that ties together the payment form on the right of the page is [[Template:2011FR/Form-template-default]]. The country specific details are set by the template [[Template:2011FR/Form-countryspecific-control]].
 
===Form-countryspecific-control example===
This is example code from [[Template:2011FR/Form-countryspecific-control/AU]].
<pre>
The following CSS is used to enable or disable payment methods for each country by commenting out either the "display: 'status';"(on) or the "display: none;"(off).
<syntaxhighlight lang="css">
<html>
<style type="text/css">
#CC-donate-button{
display: </html>{{CC-status}}<html>;
/*display: none;*/
}
#Ideal-donate-button{
/*display: </html>{{RT-status}}<html>;*/
display: none;
}
#eps-donate-button{
/*display: </html>{{RT-status}}<html>;*/
display: none;
}
#sofort-donate-button{
/*display: </html>{{RT-status}}<html>;*/
display: none;
}
#DD-donate-button{
/*display: </html>{{DD-status}}<html>;*/
display: none;
}
#PP-donate-button{
display: </html>{{PP-status}}<html>;
/*display: none;*/
}
#PP-USD-donate-button{
/*display: </html>{{PP-status}}<html> !important;*/
display: none;
}
#RPP-donate-button{
/*display: </html>{{PP-status}}<html>;*/
display: none;
}
#YD-donate-button{
/*display: </html>{{YD-status}}<html>;*/
display: none;
}
#MB-donate-button{
/*display: </html>{{MB-status}}<html>;*/
display: none;
}
#BP-donate-button{
/*display: </html>{{BP-status}}<html>;*/
display: none;
}
#BT-donate-button{
display: </html>{{BT-status}}<html>;
/*display: none;*/
}
 
#BP-donate-button{
display: </html>{{Bpay-status}}<html>;
/*display: none;*/
}
</style>
</html>
{{2012FR/Form-section/Processing/Default
</syntaxhighlight>
| language = {{{language}}}
 
This part of the code pulls in the payment processing JS. Most of the perimeter are used to past information around. The only one that should be changed is "GC-CC-ffname". This perimeter changes the credit cards that we accept in that country. A list of options follows:
*cc-vm - Visa, MasterCard
*cc-vma - Visa, MasterCard, AmericanExpress
*cc-vmj - Visa, MasterCard, JCB
*cc-vmaj - Visa, MasterCard, AmericanExpress, JCB
<pre>
{{2011FR/Form-section-processing
| uselang = {{{uselang}}}
| country = {{{country}}}
| appeal = {{{appeal}}}
| currency = {{2011FR2012FR/core-currency-codeSwitch/Currency/Code|{{{country}}}}}
| handler = GC
| GC-CC-ffname = cc-vmaj
}}
{{2012FR/Form-section/Radiobuttons/Default
</pre>
 
This part of the code pulls in the display method for the donation options and sets the values to be displayed. The "donate-amount-*" perimeters set the values that will be used in the country. These values are in the currency that has been set as the local currency.
<pre>
{{2011FR/Form-section-radiobuttons
| country = {{{country}}}
| uselanglanguage = {{{uselanglanguage}}}
| currency = {{2011FR2012FR/core-currency-codeSwitch/Currency/Code|{{{country}}}}}
| donate-amount-0 = 5
| donate-amount-1 = 10
Line 120 ⟶ 54:
| donate-amount-6 = 250
}}
{{2012FR/Form-section/Paymentmethods/Creditcard}}
{{2012FR/Form-section/Paymentmethods/EWallet/PayPal}}
{{2012FR/Form-section/Paymentmethods/OnlineBT/BPay}}
{{2012FR/Form-section/Paymentmethods/Banktransfer}}
<html>
</html>
</pre>
 
==Helper=Payment TemplatesProcessing===
*[[Template:2011FR2012FR/lpForm-social-mediasection/Processing/Default]]
This template pulls in the payment processing.
Currently, there are the following credit card combinations available:
*cc-vm - Visa, Master Card
*cc-vma - Visa, Master Card, JCB
*cc-vmj - Visa, Master Card, American Express
*cc-vmaj - Visa, Master Card, American Express, JCB
 
===Donation Amounts===
[[Template:2012FR/Form-section/Radiobuttons/Default]]
This template pulls in the display method for the donation options and sets the values to be displayed. The "donate-amount-*" perimeters set the values that will be used in the country. These values are in the currency that has been set as the local currency.
 
===Payment Methods===
There is a list of all the payment methods that can be added to a country at [[Template:2012FR/Form-section/Paymentmethods]].
 
==Helper Templates==
===Currency templates===
The following 2 templates contain the information needed to get currency details.
*[[Template:2011FR2012FR/core-currency-codeSwitch/Currency/Code]] - Returns the code of the official currency for each country.
*[[Template:2011FR2012FR/core-currency-symbolSwitch/Currency/Symbol]] - Returns the symbol for each currency.
*[[Template:2011FR2012FR/core-currency-minimumsSwitch/Currency/Minimums]] - Lists the minimum donation amount for each currency to be used in a JavaScript array.
*[[Template:2011FR2012FR/core-currency-positionSwitch/Currency/Position]] - Returns "before" or "after" given a language, country and currency combination. This tells whether the symbol comes before or after the value when displaying a currency amount.
 
===Switch templates===
Line 143 ⟶ 97:
 
===Payment method templates===
There is a list of all the payment methods that can be added to a country at [[Template:2012FR/Form-section/Paymentmethods]].
The following template is used to turn on and off payment methods by toggling the "display" value stored inside the template between "block"(on) and "none"(off).
*[[Template:2012FR/Form-section/Paymentmethods/Status]]
 
===Misc. Templates===
This is a list of all the payment methods that can be added to a country:
*[[Template:Numstaff]] - Controls the # we display for our staff count.
*[[Template:2012FR/Form-section/Paymentmethods/Banktransfer]]
*[[Template:2012FR/Form-section/Paymentmethods/Cash/Boletos]]
*[[Template:2012FR/Form-section/Paymentmethods/Cash/Westernunion]]
*[[Template:2012FR/Form-section/Paymentmethods/Creditcard]]
*[[Template:2012FR/Form-section/Paymentmethods/Directdebit]]
*[[Template:2012FR/Form-section/Paymentmethods/EWallet/Alipay]]
*[[Template:2012FR/Form-section/Paymentmethods/EWallet/Nordea]]
*[[Template:2012FR/Form-section/Paymentmethods/EWallet/PayPal]]
*[[Template:2012FR/Form-section/Paymentmethods/EWallet/Skrill]]
*[[Template:2012FR/Form-section/Paymentmethods/EWallet/Webmoney]]
*[[Template:2012FR/Form-section/Paymentmethods/EWallet/Yandex]]
*[[Template:2012FR/Form-section/Paymentmethods/Link/PayPalEUR]]
*[[Template:2012FR/Form-section/Paymentmethods/Link/PayPalUSD]]
*[[Template:2012FR/Form-section/Paymentmethods/OnlineBT/BPay]]
*[[Template:2012FR/Form-section/Paymentmethods/Realtime/EPS]]
*[[Template:2012FR/Form-section/Paymentmethods/Realtime/Enets]]
*[[Template:2012FR/Form-section/Paymentmethods/Realtime/Giropay]]
*[[Template:2012FR/Form-section/Paymentmethods/Realtime/Ideal]]
*[[Template:2012FR/Form-section/Paymentmethods/Realtime/Sofort]]
 
==F.A.Q.==
Line 172 ⟶ 107:
 
These three templates add all the needed details for each currency.
*http://donate.wikimedia.org/wiki/[[Template:2012FR/Switch/Currency/Symbol]] - This template sets the symbol used with each currecny.
*http://donate.wikimedia.org/wiki/[[Template:2012FR/Switch/Currency/Minimums]] - This template sets the minimum donation amount for each currency which is about 1 USD.
*http://donate.wikimedia.org/wiki/[[Template:2012FR/Switch/Currency/Position]] - This template sets the position of the currency symbol relative to the value, before or after.
 
This template enables the currencies by linking them to countries
*http://donate.wikimedia.org/wiki/[[Template:2012FR/Switch/Currency/Code]] - This template sets the default currency for each country.
 
===How do I add countries?===
Line 195 ⟶ 130:
 
===How do I customize Landing Pages for a country?===
To customize the donation forms for each country changes need to be made to the corresponding "Form-countryspecific-*" and "Form-template-*" templates.
 
===How do I add new payment methods?===
To add new payment methods 1 template needs to be edited and 1 new template must be created.
 
The template that must be edited is [[Template:2012FR/Form-section/Processing/Default]] and a new "Form-section/Paymentmethod/*" template must be made.
 
===How do I enable or disable payment methods?===
Each payment method has a master switch that can disable all processing of that type. The switch is located in the template [[Template:2012FR/Form-section/Paymentmethods/Status]]. By going to this template and changing the CSS property "display" to either "block" or "none", one can enable or disable payment methods respectively.
 
Enabling and disabling payment methods for individual countries can be done by adding and removing the payment method templates listed above from the "Form-countryspecific-*" template.
 
==Tools==
===Scripts===
[[Styleguide/Scripts]]
Retrieved from "https://donate.wikimedia.org/wiki/Styleguide"