Sharetribe lets you edit the content (including images) of the four static pages in the About section of your marketplace as well as for the welcome email. Follow these instructions to add images to the pages.

Add a picture to a static page

  1. Log in to your marketplace as an administrator.
  2. Open the page you want to edit.
  3. Click "Edit" to load the text editor.

Option 1 to add an image:

  1. Find the image on your computer
  2. Drag it to the place in the text you wish to place it. The displayed image will be the size of the original image.

Option 2 to add an image:

  1. Click "Media" from the top bar.
  2. In the URL field of the Images part, add the link to your image.

    If you use this method you will have to store your image on a third-party service and add the direct address of your picture. The displayed image will be the size of the original image.

Resize a picture

There are two ways to resize an image.

Change the original image size

The displayed image uses the size or the original file. One way to change the size of the image is to resize it on your computer and save the resized version online.

Format the image size with code

If you are unable to resize your original image, you can force the size with HTML code. Doing this needs to be done with care so as to not break your image. Follow these steps to change the size:

  1. Log in your marketplace as an administrator.
  2. Open the page you want to edit.
  3. Click the "Edit" link to load the text editor.
  4. In the toolbar, click on <>("Edit the HTML content") to load your content in HTML form.
  5. Look for the place where, among your text, you see the filename of your image. The code should look something like this: <img src="http://www.yourhostingservice.com/yourpicturename.png">
  6. Add the width or height (in pixels) of the desired image size to the img tag. It's a good idea to only define the desired width or height as it will automatically calculate the missing dimension and preserve the aspect ratio of the image. Your image tag should end up looking like this: <img src="http://www.yourhostingservice.com/yourpicturename.png" width="200px"> or <img src="http://www.yourhostingservice.com/yourpicturename.png" height="200px">. In these examples, the width or height was defined as 200 pixels.
  7. Click "Save and replace" and "Save" again to quit the editor.
Did this answer your question?