Hi,
Okay, let's work trough this. Here is your tag.
- Code: Select all
{nicecheckout:15.00|Von Alumni T-Shirt|http://http://vonalum.com/images/site/300p-Von-Alumni-Grey-t.jpg|4.95||.5|drop;size;Small;Medium;Large}
Whenever, I run into an image issue, where the image won't display, the first thing I do is isolate and test the image URL. I can't count the number of syntax errors I have made typing URLs. And the fun thing about image URLs is that they always "look" correct.
So, if you copy and paste the image URL from your tag, into your browser, you will get an error.
Error: Oops! Google Chrome could not find http
The reason for the error is because you have an extra "http://" in your tag's url.
- Code: Select all
http://http://vonalum.com/images/site/300p-Von-Alumni-Grey-t.jpg
Changing your tag to the following should correct the image issue.
- Code: Select all
{nicecheckout:15.00|Von Alumni T-Shirt|http://vonalum.com/images/site/300p-Von-Alumni-Grey-t.jpg|4.95||.5|drop;size;Small;Medium;Large}
Now on to the bigger issue. If you look at the HTML example you provided, you will see that there is a mess of hidden HTML code added to your button tag. This may have been added by your article editor, or it may be a result of copying and pasting a tag from an HTML page.
- Code: Select all
<p><span style="color: #2d4453; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 21px; text-align: left;">{nicecheckout:15.00|Von Alumni T-Shirt|<a href="http://http//vonalum.com/images/site/300p-Von-Alumni-Grey-t.jpg" style="font-family: arial, helvetica, sans-serif; font-size: 16px; line-height: 21px; text-align: left;"></a><a href="images/site/300p-Von-Alumni-Grey-t.jpg">http://http://vonalum.com/images/site/300p-Von-Alumni-Grey-t.jpg|4.95||.5|drop;size;Small;Medium;Large}</a><a href=""http:/http:/vonalum.com/images/site/300p-Von-Alumni-Grey-t.jpg|4.95||.5|drop;size;Small;Medium;Large}<br"></a></span></p>
When this happens, the tag reader cannot see or process the tag correct. Do the following.
1. Go to your article and edit it.
2. Toggle the editor to HTML view.
3. Clean out all of the HTML that is within the tag. When finished, the tag should look the same in both views.
Example of cleaned tag
- Code: Select all
<p><span style="color: #2d4453; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 21px; text-align: left;">{nicecheckout:15.00|Von Alumni T-Shirt|<a href="http://http//vonalum.com/images/site/300p-Von-Alumni-Grey-t.jpg"|4.95||.5|drop;size;Small;Medium;Large}</span></p>
Note, I didn't verify that the example tag above has the correct syntax. I simply removed the HTML bits that looked like they didn't belong, to illustrate the process.
~ All the best