Add-on CMS Widget For VSA Donation Mod

Add-on CMS Widget For VSA Donation Mod

Mod Version: 1.00, by metalguy639

vB Version: 4.1.3	Rating: (2 votes - 5.00 average)	Installs: 37
Released: 29 Oct 2011	Last Update: Never	Downloads: 0
Not Supported Template Edits

THIS TEMPLATE EDIT BROUGHT TO YOU BY:

http://www.skinsnstyles.com

I have created a CMS widget that works with Valter's Donation Mod Found here: VSa - PayPal Donate

CLICK INSTALLED TO GET SUPPORT FOR THIS ADD-ON. IF YOU DO NOT CLICK INSTALLED I CANNOT HELP YOU.

NOTE: There is one draw back to this donation widget. I could not get the options to work so that a member could choose an pre-determined amount to donate, so if you use this widget you will HAVE to set your VSA Paypal Donate "Allowed donate amounts" to "Custom Only". This is the only way this widget will work properly and not look strange.

Step 1:

1. Login to your admincp and go to vBulletin CMS>Widgets
2. Click "Create New Widget" at the bottom. Use the PHP direct execution widget settings or else this will not work.
3. Give the widget a proper title - this can be whatever you want it to be just keep in mind that it cannot be too long since it will be the widget header.
4. Give the widget a description - again this is up to you.
5. Click the "save" button.

Step 2:

1. Go to Styles & Templates>Style Manager
2. Find the style you want to add the widget to - if you have more than one style and want it to show in each style you will need to do these steps for each style.
3. Click the drop down to the right and choose "Add New Template"
4. In the title box put the following without the quotes: "donate_widget"
5. Now copy and paste the following in the box:

Code:

<div align="center"><form id="vsappd" name="vsappd" action="misc.php?{vb:raw session.sessionurl}do=dodonate" method="post" onsubmit="return Cpp_limitAmo(this);" <vb:if condition="$vboptions[vsapaypal_go_separate]">target="_blank"</vb:if>>
	<input type="hidden" name="securitytoken" value="{vb:raw bbuserinfo.securitytoken}" />
	<div style="padding:0px;margin:0px;border-top:0px;border-bottom:1px;border-{vb:stylevar left}:1px;border-{vb:stylevar right}:1px;border-color:#000000;border-style:solid;">
		<div class="blocksubhead" id="donform1" style="display:block;">
			{vb:rawphrase vsapaypal_note}
		</div>
		<div class="blocksubhead" id="waitform1" style="display:none;">
			{vb:rawphrase vsapaypal_redirecting}
		</div>
		<div class="blockrow" id="donform2" style="display:block;height:15px;margin-top:15px;margin-bottom:15px" align="center">
			{vb:rawphrase vsapaypal_don}&nbsp;
			<span id="don" style="display:<vb:if condition="($vboptions[vsapaypal_allowed_donamo]=='3')">inline<vb:else />none</vb:if>;">
				&nbsp;<input type="<vb:if condition="($vboptions[vsapaypal_allowed_donamo]=='1')">hidden<vb:else />text</vb:if>" name="amount" value="{vb:raw vsapp_amo_first}" class="primary textbox" style="width:30px" />
			</span>&nbsp;{vb:raw vboptions.vsapaypal_currency}
		</div>
		<div class="blockrow" id="waitform2" style="display:none;height:15px;margin-top:15px;margin-bottom:15px" align="center">
			{vb:rawphrase vsapaypal_redirected}
		</div>
		<div class="blocksubhead" id="donform3" style="display:block;" align="center">
			<input name="vsa_send" class="button" type="submit" value="{vb:rawphrase submit}" />
		</div>
		<div class="blocksubhead" id="waitform3" style="display:none;" align="center">
			{vb:rawphrase vsapaypal_wait}
		</div>
	</div>
	</form></div>

Change the red area #000000 to the color of your choice for your border to match your site.

6. Click the "Save" button.

Step 3:

1. Go to vBulletin CMS>Widgets and find the widget you created above and click on the "Configure" link to the far right.
2. In the box clear what is in it and place this code in it:

Code:

$templater = vB_Template::create('donate_widget');
$output = $templater->render();

3. Click "Save".

Step 4:

1. Go to vBulletin CMS>Layout Manager and find your current layout. Click the "Go" button to edit the layout.
2. Choose from the list on the left the name of your widget and place it in your layout where you would like it to go.
3. Click "Save".

Refresh your page and you should see the widget now.

To change the message above the donation box:

1. Go to Languages & Phrases>Search In Phrases
2. In the "Search For Text" box put "Please choose an option below" without the quotes.
3. Then tick the "Phrase Text and Phrase Variable Name" and click the "Find" button.
4. This will bring up the phrase for this mod. In the bottom box type in what you want to change this to and click the save button.

Refresh your page again and the changes should show soon.

NOTE: There is one draw back to this donation widget. I could not get the options to work so that a member could choose an pre-determined amount to donate, so if you use this widget you will HAVE to set your VSA Paypal Donate "Allowed donate amounts" to "Custom Only". This is the only way this widget will work properly and not look strange.

Download

No files for download.

Screenshots

vBulletin LTS