ZotSell
Wizard Home |
Cod. Ultima revisione Wiki Note
523 2019/09/10 - PG

Personalizzazione Tab Caratteristiche

Questa caratteristica permette di predisporre una Scheda graficamente fissa nel Tab Caratteristiche della scheda articolo.
La Scheda deve essere predisposta ad Hoc in base ai dati attesi.

In questo modo passando passando tramite tracciati specifici le info su ogni specifico articolo visualizzando ciascuna scheda si visualizzeranno tali dati impaginati nello schema predefinito 


Caratteristica

Questa caratteristica permette di definire un layout html fisso presente nel tab ove visualizzare dati aggiuntivi associati a ciascun articolo 

Per l'implementazione è necessario definire il layout tramite la predisposizione di un pacchetto contenente l'html da utilizzare.
Il pacchetto verrà poi corredato di una serie di funzioni Js che ne permettono il popolamento con i dati relativi una volta caricato in app.

E' quindi indispensabile per ciascun dato che si può presentare in scheda definire un identificativo univoco da transare in apposito tracciato 

Esempio di identificativi che verranno utilizzati in app e transati  nel tracciato 

AZ469;;marca;;MAGIE DI CASA;TESTO;
AZ469;;made_in;;INDIA;TESTO;
AZ469;;composizione;;100% Cotone;TESTO;
AZ469;;inner_pack;;4;TESTO;
AZ469;;outer_pack;;4;TESTO;
AZ469;;immagine_marca;;AZ469_marca.jpg;TESTO;
AZ469;;bollino;;AZ469_promo.png;TESTO;
AZ469;;immagine_outerpack;;AZ469_outerpack_mancante.png;TESTO;
AZ469;;generic_01;;8300255535558;TESTO;
AZ469;;generic_02;;PRIMAVERA-ESTATE;TESTO;
AZ469;;tessuto;Tessuto;360 GSM;TESTO;
In allegato esempio di pacchetto che verra predisposto in app

  • product_features_template.zip
L'aggiunta di nuovi identificativi comporta una lavorazione aggiuntiva per introdurne la gestione negli script di renderizzazione del pacchetto

Il pacchetto deve essere caricato in server zippato senza file nascosti .   

zip ../product_info_template.zip *

Esempio dati disponibili per il pacchetto.

I dati transati su sono all'interno dell'elemento

"productData" 

Esempio json che viene passata allo script:
{
  "purchaseMode" : "grid",
  "availability" : 3,
  "code" : "0282022",
  "uniqueID" : 5458,
  "minimumPackage" : 0,
  "image" : "/resources/8300260189142.jpg",
  "icon" : "/resources/8300260189142thumb.jpg",
  "headframe" : {
    "opzioni_vincolate" : {
      "contesti" : [
        {
          "contesto" : "sfuso",
          "vincoli" : [
            {
              "x" : 1,
              "y" : 1,
              "c" : "0282022|AZZURRO|40"
            },
            {
              "x" : 1,
              "y" : 2,
              "c" : "0282022|BLU|40"
            },
            {
              "x" : 2,
              "y" : 1,
              "c" : "0282022|AZZURRO|42"
            },
            {
              "x" : 2,
              "y" : 2,
              "c" : "0282022|BLU|42"
            },
            {
              "x" : 3,
              "y" : 1,
              "c" : "0282022|AZZURRO|44"
            },
            {
              "x" : 3,
              "y" : 2,
              "c" : "0282022|BLU|44"
            },
            {
              "x" : 4,
              "y" : 1,
              "c" : "0282022|AZZURRO|46"
            },
            {
              "x" : 4,
              "y" : 2,
              "c" : "0282022|BLU|46"
            },
            {
              "x" : 5,
              "y" : 1,
              "c" : "0282022|AZZURRO|48"
            },
            {
              "x" : 5,
              "y" : 2,
              "c" : "0282022|BLU|48"
            },
            {
              "x" : 6,
              "y" : 1,
              "c" : "0282022|AZZURRO|50"
            },
            {
              "x" : 6,
              "y" : 2,
              "c" : "0282022|BLU|50"
            },
            {
              "x" : 7,
              "y" : 1,
              "c" : "0282022|AZZURRO|52"
            },
            {
              "x" : 7,
              "y" : 2,
              "c" : "0282022|BLU|52"
            }
          ],
          "dimensioneY" : {
            "l" : "Righe(Dimensione Y)",
            "lista" : [
              {
                "i" : 1,
                "p" : "1",
                "l" : "AZZURRO",
                "c" : "AZZURRO"
              },
              {
                "i" : 2,
                "p" : "2",
                "l" : "BLU",
                "c" : "BLU"
              }
            ]
          },
          "titolo" : "Sfuso",
          "nome" : "pronto",
          "dimensioneX" : {
            "l" : "Colonne(Dimensione X)",
            "lista" : [
              {
                "i" : 1,
                "p" : "2",
                "l" : "40",
                "c" : "40"
              },
              {
                "i" : 2,
                "p" : "3",
                "l" : "42",
                "c" : "42"
              },
              {
                "i" : 3,
                "p" : "4",
                "l" : "44",
                "c" : "44"
              },
              {
                "i" : 4,
                "p" : "5",
                "l" : "46",
                "c" : "46"
              },
              {
                "i" : 5,
                "p" : "6",
                "l" : "48",
                "c" : "48"
              },
              {
                "i" : 6,
                "p" : "7",
                "l" : "50",
                "c" : "50"
              },
              {
                "i" : 7,
                "p" : "8",
                "l" : "52",
                "c" : "52"
              }
            ]
          }
        }
      ]
    },
    "versione" : "2.2.1",
    "modalita_di_vendita" : [
      {
        "decimali" : 0,
        "label" : "NR",
        "descrittiva_confezione" : "NR",
        "fattore_conversione" : 1,
        "sigla" : "NR"
      }
    ]
  },
  "latitude" : 0,
  "shortInfo" : "CALZONE DONNA CATHY VY",
  "name" : "CATHY VY",
  "longInfo" : "CALZONE DONNA CATHY VY",
  "type" : "",
  "longitude" : 0,
  "productData" : {
    "marca" : "LINCLALOR",
    "immagine_marca" : "/resources/m304.jpg",
    "composizione" : "75%COTONE 23%POLIAMMIDE 2%ELASTAN",
    "made_in" : "ITALIA"
  },
  "scheduledAvailability" : 160,
  "scheduledDate" : "2018-04-10",
  "rate" : 22,
  "features" : "",
  "purchaseModes" : [
    {
      "decimali" : 0,
      "label" : "NR",
      "descrittiva_confezione" : "NR",
      "fattore_conversione" : 1,
      "sigla" : "NR"
    }
  ]
}



UI


Esempio scheda con layout predefinito



Settings disponibili



Setting Descrizione Codice riferimento
Abilita pacchetto caratteristiche prodotto Permette l'utilizzo del pacchetto nel tab caratteristiche enable_product_features_template
Attenzione La predisposizione della funzione è un operazione che comporta delle attività di riconfigurazione e ri-compilazione e personalizzazione e come tale comporterà un costo. E' necessario richiedere la modifica tramite assistenza. Qualsiasi modifica al comportamento standard è da considerarsi una configurazione Personalizzata


Stima Indicativa: 4/6 Ore
Da confermare previo inserimento di un assistenza con le specifiche.
La stima non comprende lo studio grafico della scheda modello su cui basare l'implementazione.  

Stato Implementativo


Client Versione Rilascio Stato
IOS App8E 2.4.035  Completata
Android
Sell
Buy
Attenzione Ove non indicato Completato sulla colonna Stato indica che la caratteristica non è ancora implementata in quell'ambiente. La presenza di un indicazione nella colonna Issue Implementativa indica che la caratteristica è programmata nello Sviluppo. Ove non è indicata alcuna informazione significa che non è ancora schedulata o programmata l'implementazione nell'ambiente specifico