In VPCART, you can also display a Twitter widget in your VPCART site to be placed at the center of the homepage.
To inserta Twittercontainer at the center of your
homepage, please follow these steps below :
1. In the top menu selectWebsite , then Layout Manager from the dropdown.
2. On the
Layout Manager page in the left bar, Click 
button.
3. Click the Edit link in the Empty box.
4. Select
Column Twitter from the dropdown list.
5. To set up Twitter, please use the form :
Main Selection: This is the dropdown that provides a list of containers you can choose.
Enable: Setting this to Yes will display the Twitter.
Label Name: Enter the title.
You can use language keyword for this or directly enter your
text.
Seq No.: This is the vertical sequence number, enter
with format e.g. 01 (means to display on the first). You cannot enter with e.g.
1. If you want to display the sequence in the last, enter bigger number e.g.
14.
Share with Mobile: Set Yes to display for mobile site
too. Setting this to No means to only display for desktop layout
site.
Display with Box: Setting
this to Yes will display your twitter in a box.
Widget
ID: Enter your Twitter Widget ID.
Below are the steps to get the
Widget ID:
1. Please log into your Twitter account from twitter.com.
2.
Click your profile picture at the top right, then from dropdown, please select
Settings.
3. Click on Widgets on left column.
4. Click "Create new"
if you have not created any widget yet.
5. Choose "User timeline" tab, and
leave everything default, then click Create widget.
6. You will get the JS
script from the box.
Eg:
<a class="twitter-timeline"
href="https://twitter.com/YourUserName"
data-widget-id="xxxxxxxx">Tweets by @YourUserName</a>
<script>!function(d,s,id){var
js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
Note:
xxxxxxxx is your Widget ID.
Twitter Options:Choose your widget type.
Twitter Username: Enter your Twitter username. Required for Profile and Faves widget.
Search / List Name: Enter the search text. Required for Search widget.
Theme:Select your preferred
theme : Light or Dark.
Height: Enter your widget height in pixel,
e.g. 300. Leave empty if you do not set this.
Tweets Link Color:
Enter the tweets link color, e.g. #b740c2.
Border Color: Enter the
border color, e.g. #000000.
Show Header?:Select Yes to show the Twitter header.
|
|
In the screenshot , we marked the red color for the Twitter header. This is after you set Show Header to Yes. |
Show Footer?: Select Yes to show Twitter footer.
|
|
In the screenshot, we marked the red color for the Twitter footer. This is after you set Show Footer to Yes. |
Show Scrollbar?:Select Yes to show
scrollbar.
Once all your fields are entered, please always click Save
Changes button.
