Jump to content

Looking to add an image within a product page, but what size?


Recommended Posts

I am not sure what you are asking. You don't need to enter any code. Just upload the image when you are adding a product (Images tab) and they should appear when the product is viewed. If that is not the problem please explain step-by-step what you are trying to do and what you are actually doing, I am a little slow.

Link to comment
Share on other sites

Sorry i guess i didnt explain,.

 

I dont want to add the image in the main product page.

 

I want to add an image within the text so im looking to have some text, then an image then some more text.

 

I know I need to add some code but not sure what.

 

Many thanks for your help

Link to comment
Share on other sites

ah, I see now. Editors for product description and short description have two modes; "WYSIWYG" and HTML. If you are not familiar with the HTML, the former would be easier to use.

 

You have several icons above the editor's text entry area for formatting the text and adding supporting media. These are analogues to any word editing packages' formatting tools (e.g. Open Office Writer) The typical work flow for adding an image might be

 

1- Type all the text that will appear in description

2- Apply formatting (bold, header etc) to text as required

3- Upload images you want to appear in the description to your server (possibly to /img directory, but you may want to think long term about directory structure)

4- Insert image(s) at relevant location(s) in description and adjust image properties/attributes using General, Appearance and Advanced tabs of Insert/edit image dialog.

5- The dimensions of the image should be as near as the size you want them displayed in finished description so there will be no resizing by browser.

 

If you must use HTML then the element to use for an image is img

 

<img src="URL of the image" width="width in pixels" height="height in pixels" alt="alternative description if the image fails to load" />

e.g.

 

<img src="http://www.google.co.uk/images/srpr/logo3w.png" width="275" height="95" alt="Google logo" />

 

 

Let me know if this does not answer your question.

  • Like 1
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...