Load and manage images for gallery 2 (mobile)

This guide explains how to upload images that will be displayed in the Gallery 2 section, specifically dedicated to the mobile view of the portfolio.

Images can be uploaded manually or automatically generated via a screenshot of the project's URL.


Method 1: Manual Image Upload

Use this method to upload specific images from your computer.

Procedure:

1. Scroll down to the Media section of the edit page.

2. Locate the field labeled Gallery 2.

3. Click on the upload area or the button to open the media selector.

4. Select the desired images (allowed formats: JPEG, PNG, SVG).

5. Once uploaded, the images will appear in the preview of the Gallery 2 field.

6. Click Save changes (or the equivalent save button) to apply the changes.


Method 2: Automatic Screenshot Generation (Mobile Preview)

You can automatically generate a screenshot of your project's web page, optimized for mobile viewing, and upload it directly to Gallery 2.

Prerequisites: You must have correctly filled in the URL field in the General section.

Procedure:

1. In the General section, make sure the URL field contains the full web address of the project (e.g., https://www.example.com).

2. Scroll down to the Media section.

3. Locate the Gallery 2 field.

4. Next to the Gallery 2 field, click the button dedicated to generating the mobile preview (often labeled "Generate mobile preview" or similar).

  • Attention: During generation, the button will show the status <i class="fa fa-spinner" aria-hidden="true"></i> Generating....
  • Once completed, the button will change to <i class="fa fa-check" aria-hidden="true"></i> Generated and the image will automatically appear in the Gallery 2 field.

5. Click Save changes (or the equivalent save button) to store the generated image.

> Note: If the URL is invalid or missing, you will receive an error message: "The entered URL is not valid, please correctly fill in the URL field first.