Adding Images to text - Post ID 118867

User 2075562 Photo


Registered User
14 posts

I tried using the html tool, but am not getting it yet. I put my image in the shopname_files folder, and also in the images sub file, because I was not sure which was best.
In the html box I typed <img src = "image.,jpg"/>
This appeared in the text with 3 sq brackets each side of it.
I published using the inbuilt ftp, no picture, but some browsers indicate the picture should be there.
Once I got the html written only.
I cannot see the image having been published to the server.
Do I have to ftp it separately?
If so, where do I put it?

Its easy when you know how!
User 364143 Photo


Guest
5,410 posts

I believe product images are automatically inserted and uploaded to the server but static page images have to be FTP'd to the server separately. That's what I do. I also give the full path to the image.
CoffeeCup... Yeah, they are the best!
User 38401 Photo


Senior Advisor
10,951 posts

Hiya Anne,

I was actually putting together a short tutorial on image adding and text centering, but I haven't finished it yet.

Your image cannot have a common in the image name as you have above.

When you input things in the tool you put it in like so:
<center><a href="your_image_location_here" title="image description here"> </a></center>

This is what should end up on your page:
[[[<center><a href="your_image_location_here" title="image description here"> </a></center>]]]

Note that it has added the brackets to each end, that is 3 brackets only. That is the only key to inserting things on your page in code.

The other part is harder yet easier to do. If you want to center text you need to just code in the HTML tool on each side of your "already styled" text. It will look similar to this screenshot:

http://wolverana.com/screenshots/scctextalignment.jpg

That's really all there is to it, but if you have more trouble or it isn't clear post again and I'll try to help you put your exact code in if you like :)

User 2075562 Photo


Registered User
14 posts

Thanks so far.
So I created another folder on the server called staticpage_images and put it in the same place as the images file that has the products.

That is they are both within the htdocs folder which is the server folder for the website.

Then I put my image in the new folder. Then I typed what I thought was meant,
and this is what I got on my shopping cart creator page view

[[[<center><a href="htdocs/staticpage_images/BeechAveopt.jpg" title="Kingston Lacey Beech"> </a></center> ]]]

Then I published again and still nothing!
User 38401 Photo


Senior Advisor
10,951 posts

Hiya Anne,

Do you have a link to your store site so I can get an idea of if the code is actually inputting or not? and also on what page are you entering this code? I too would use the full URL instead of the relative path for your images as Tom suggests.
User 2075562 Photo


Registered User
14 posts

The site is www.observatorybonsai.co.uk
the page is Other Tree Stuff
Language is a bit of a problem at the moment, an example of the full path would be useful.
I'm sure when one is done I will have no more problem with other images.
User 38401 Photo


Senior Advisor
10,951 posts

Thanks Anne, I think I found your problem, just take the htdocs out of the link and you should be ok, here's the full link if you want to enter that which is a good idea too.

http://www.observatorybonsai.co.uk/stat … Aveopt.jpg
User 2075562 Photo


Registered User
14 posts

Thanks for your prompt reply.
OK - I tried both versions of what you said, and still doesn't seem to work. I will copy below what shows in my shopping cart creator page view, in case I made a mistake.

-----The trees are widely spaced on both sides of the road for about one mile and there is another row of young beech planted on both sides, outside the avenue for the future.

[[[<center><a href=staticpage_images/"BeechAveopt.jpg" title="Kingston Lacey Beech"> </a></center>]]]

[[[<center><a href=http://www.observatorybonsai.co.uk/staticpage_images/"BeechAveopt.jpg" title="Kingston Lacey Beech"> </a></center>]]]

Dingestow Oak etc etc

Neither image appears.
User 38401 Photo


Senior Advisor
10,951 posts

Hiya Anne,

Looks like just a quotation mark problem, you have quotes around the name of the file, but the left quote needs to be after the href= as it is below, try that:

<center><a href="http://www.observatorybonsai.co.uk/staticpage_images/BeechAveopt.jpg" title="Kingston Lacey Beech"> </a></center>

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.