Promemoria schematico per la pubblicazione dei prodotti e la gestione delle relative immagini.

 

Le fasi di lavoro sono 2: preparazione delle immagini e pubblicazione del prodotto.

Le foto dei prodotti dovrebbero essere scaricate dalla fotocamera in una cartella degli “originali”, per essere poi elaborate e memorizzate in una cartella “immagini” che contiene le foto da pubblicare. Per una migliore organizzazione la cartella “immagini” dovrebbe essere suddivisa in due o tre sottocartelle: per esempio “prodotti”, “usato”, “noleggio”.

 

Preparare le immagini.

  1. Scaricare le immagini dalla fotocamera sul computer in una cartella denominata ORIGINALI.
  2. Aprire una foto con Photoshop prelevandola dagli “ORIGINALI”.
  3. In Photoshop eseguire le operazioni di RITAGLIO E RIDUZIONE, MIGLIORAMENTO VISIVO, SALVATAGGIO.

 

RITAGLIO E RIDUZIONE

La foto dovrebbe essere ritagliata in forma quadrata ed adattata alla dimensione di 600 x 600 pixel.

Metodo 1: ritaglio e riduzione automatica

  1. Cliccare sullo strumento “Ritaglio”
  2. Impostare i valori di ritaglio su “600 px” e “600 px”
  3. Trascinare il mouse sull’immagine per definire l’area. L’area di ritaglio si allargherà mantenendo le proporzioni in altezza e larghezza
  4. Adattare e/o spostare l’area trascinandola ed usando le ancore di ritaglio
  5. Confermare il ritaglio con il pulsante di conferma.

 

Strumenti di ritaglio

Strumenti di ritaglio

 

Ancore di ritaglio

Ancore di ritaglio

 

Metodo 2: ritaglio e riduzioni fatte separatamente

  1. Cliccare sullo strumento ritaglio e cancellare i valori di ritaglio
  2. Trascinare il mouse sull’immagine per ritagliarla. L’area di ritaglio si allargherà in maniera libera
  3. Adattare e/o spostare l’area cercando di mantenere la forma quadrata. Non riuscendo a dare una forma quadrata è preferibile che la larghezza sia maggiore dell’altezza.
  4. Confermare il ritaglio con il pulsante di conferma.
  5. Andare sul menù “Immagine” quindi su “Dimensione Immagine” ed impostare su “600” il valore più elevato tra Altezza e Larghezza
  6. Nella stessa finestra impostare la modalità di elaborazione su “Bicubica più nitida (per riduzioni)”
  7. Confermare con OK.

 

Ridimensionare l'immagine

Ridimensionare l’immagine

 

Impostare le dimensioni dell'immagine

Impostare le dimensioni dell’immagine

 

MIGLIORAMENTO VISIVO.

  1. Andare sul Menù “Filtro”, quindi “Contrasta” e poi su “Contrasta migliore”.
  2. Non modificare nessun parametro e confermare con OK
  3. Eventualmente modificare la luminosità:
    • Andare su “Immagine”, “Regolazioni”, “Luminosità e contrasto …”
    • Aumentare o diminuire la luminosità facendo scorrere il cursore

 

Migliorare il contrasto dell'immagine

Migliorare il contrasto dell’immagine

 

Confermare le regolazioni di contrasto

Confermare le regolazioni di contrasto

Modificare la luminosità dell'immagine

Modificare la luminosità dell’immagine

 

Regolare il valore della luminosità dell'immagine

Regolare il valore della luminosità dell’immagine

 

SALVATAGGIO.

  1. Andare sul menu “File” e cliccare su “Salva per web e dispositivi”
  2. Selezionare il formato “JPEG” con qualità “media”.
  3. Attivare la “Progressione ottimizzata”
  4. Controllare la dimensione del file ed eventualmente selezionare qualità “bassa” se si superano i 100 kb
  5. Cliccare su “Salva” per confermare.
  6. Nella successiva finestra intitolata “Salva ottimizzato come”, salvare il file nella cartella delle “immagini” da pubblicare eventualmente nella sottocartella appropriata  “prodotti”, “usato” o “noleggio”.
Salvare l'immagine per il Web

Salvare l’immagine per il Web

Regolare la qualità e le dimensioni per il Web

Regolare la qualità e le dimensioni per il Web

Attenzione: Photoshop “ricorda” l’ultima cartella usata e la ripropone al successivo salvataggio, quindi salvando una foto di “noleggio” dopo averne in precedenza salvata una di “usato”, Photoshop riproporrà la sottocartella “usato”. Occorre quindi fare attenzione a salvare la foto nella sottocartella giusta.

Salvare l'immagine eleborata

Salvare l’immagine eleborata

Importante: la funzione “Salva per web e dispositivi” salva una copia dell’immagine, mentre l’immagine originale elaborata, ancora presente sullo schermo, viene considerata da Photoshop non ancora “salvata”. Di conseguenza quando si chiude Photoshop chiederà se si intende salvare le immagini prima di uscire. E’ opportuno rispondere “NO” alle richieste di salvataggio per evitare di modificare gli originali che è buona norma conservare inalterati.

 

Pubblicazione di un nuovo prodotto nel catalogo del sito.

  • Accedere al sito in modalità amministrativa
  • Andare su Catalogo”
  • Cliccare su “Aggiungi nuovo prodotto”
  • Per inserire un prodotto occorre inserire quattro tipi di informazioni:
    1. Informazioni principali,
    2. Immagini,
    3. Caratteristiche tecniche
    4. Combinazioni di prezzo

Informazioni principali:

  1. Assegnare il Nome del prodotto che deve essere univoco
  2. Definire le opzioni:
    • Disponibile per l’ordine (si/no)
    • Visualizzare il prezzo (si/no)
    • Assegnare il produttore
  3. Eventualmente impostare il prezzo e l’Iva
  4. Inserire il testo da visualizzare quando il prodotto è disponibile ed il testo per quando non è disponibile
  5. Assegnare la categoria o le categorie
  6. Inserire la Descrizione breve e la descrizione dettagliata.
  7. Cliccare sulla voce “Clicca qui per incrementare la classifica nei motori di ricerca (SEO)”
    • Nella casella “Meta title” copiare il testo assegnato come “Nome del prodotto”
    • Nella casella “Meta description” inserire una frase che sintetizza la descrizione breve
    • Nella casella “Meta keywords” inserire le parole chiave di ricerca separate da virgole
    • Nella caselle “Friendly URL” inserire il nome che avrà la pagina web usando le parole del “Meta title” tutte in minuscolo senza spazi separate da trattini (“-“).
    • IMPORTANTISSIMO: Fare attenzione che non esistano due prodotti con lo stesso “Friendly URL” altrimenti uno dei due sarà solo parzialmente accessibile .
  8. Al termine cliccare su “Salva e stai”

Immagini:

  1. Cliccare sulla scheda “immagini”
  2. Cliccare sul pulsante “Scegli File” e caricare una foto tra quelle elaborate con Photoshop
  3. Ripetere l’operazione per tutte le foto del prodotto

Caratteristiche:

  1. Cliccare sulla scheda caratteristiche.
  2. Per ciascuna delle caratteristiche applicabili al prodotto inserire le informazioni sul prodotto.

Combinazioni:

  1. Cliccare sulla scheda “combinazioni”
  2. Nella casella della descrizione inserire la descrizione della cambinazione di prezzo da rendere visibile all’utente
  3. Nella casella “prezzo all’ingrosso” lasciare ZERO
  4. Nella casella “incidenza sul prezzo” impostare su “Aumenta” ed inserire il valore (iva esclusa) della tariffa
  5. Eventualmente impostare la quantità minima su 1
  6. Cliccare su “Make this the default combination for this product” per impostare una combinazione come “combinazione preimpostata” quando l’utente va sulla scheda del prodotto.
  7. Cliccare sul pulsante “Aggiungere queste caratteristiche al gruppo” per confermare.
  8. Ripetere l’operazione per tutte le combinazioni di prezzo da inserire.

Per modificare una combinazione:

  1. Cliccare sul simbolo di “modifica” nella tabella delle combinazioni inserite
  2. Effettuare le modifiche nello spazio soprastante, usato per gli inserimenti.
  3. Cliccare su “Modifica questa combinazione attributo”

Per eliminare una combinazione: cliccare sul simbolo di “eliminazione” nella tabella delle combinazioni inserite.

Al termine di tutte le operazioni tornare sulla scheda “Info” e cliccare sul pulsante “Salva” in fondo alla pagina.