Thread: Loading up images

Hello,

As I slowly learn how to take control of my site, I have come across something that I should know how to do, but sadly...dont.

How can I upload images onto the site? I have some code that needs to be loaded up onto the site so an image appears, but I dont even know how to do this. Actually, I dont even know where to start! (i.e. not image for a product, I mean a static image which sits on the top of the website)

Any help on this would be greatly appreciated.

There are a couple different ways that you could do this. You could upload the images to the directory of your choosing using an FTP client (like FileZilla) or your hosting company control panel (if you have one available), and then reference the image wherever you saw fit. For example, if you had an image you wanted to display on every page you could connect to your site using FTP and upload the image to the images directory. You could then open your skin file (template.ascx by default), and reference the image using

HTML Code:

<img src="images/imagename.ext" alt="alternate text" />

Or you can use the built in image manager in the HTML editor that is used throughout the admin section. Once of the buttons in the toolbar at the top of that editor allows you to manage images, and you can upload them from your desktop through that manager. It also allows you to insert images into topics or entity/product descriptions directly from the manager so that you don't have to manually type in the html, but be careful to check the links it creates...depending on your site setup the "src" for the images may be incorrect and you may have to change that portion manually.

Hello there,

Thank you for your response.

I have been looking at this and am still unsure about something.

I understand accessing my files through Filezilla but, how do I ensure the file is being loaded into the correct position on the page?

For example, I have some HTML code which I need to load up onto the site which is a Constant Contact link so people can sign up to my newsletter direct from the website.

I know where I want this to appear on the website (just above the categories on the left hand side so that it appears on every page), but I dont know how to ensure the HTML knows this?

Sorry about this question, im still learning the ropes

Like George said previously,

open your skin file (template.ascx by default), and reference the image using
HTML Code:

<img src="images/imagename.ext" alt="alternate text" />

If you're using skin 1 still, that's the {root}/skins/skin_1/template.ascx file. Look for this area in the code:

Code:

<div id="leftWrap">
                <img src="skins/skin_(!SKINID!)/images/custer.jpg" alt="Custermized"/>
                <div class="navHeader">Browse (!StringResource Name="AppConfig.ManufacturerPromptPlural"!)</div>
                <div class="leftNav" id="manufacturers">(!XmlPackage Name="rev.manufacturers"!)</div>
                <div class="navHeader">Browse (!StringResource Name="AppConfig.CategoryPromptPlural"!)</div>
                <div class="leftNav" id="categories">(!XmlPackage Name="rev.categories"!)</div>
                <div class="navHeader">Browse (!StringResource Name="AppConfig.SectionPromptPlural"!)</div>
                <div class="leftNav" id="departments">(!XmlPackage Name="rev.departments"!)</div>
                <div class="navHeader">Help &amp; Info</div>
                <div class="leftNav" id="helpbox">(!Topic Name="helpbox"!)</div>
            </div>

That generates the left-hand menu, so you'd probably want to add a new div right above that an insert your HTML there.

There's a skinning guide in the manual if you need more info on the template.

Thank you very much, thats very helpful. I have some reading to do now!