Jump to content
antonio9451

modifica e creazione del layout

Recommended Posts

salve ragazzi,

sono uno sviluppatore di siti web, da wordpress passo a prestashop, questo CMS è molto intuitivo ma vorrei una dritta sui moduli importanti da installare, ad esempio su wordpress esiste wp bakery page builder, un plugin fondamentale per la creazione e personalizzazione delle pagine in wordpress, su prestashop ho trovato AP page builder che sembrerebbe l'equivalente, insomma esiste un modulo che ti permette di fare ottime modifiche senza dover scrivere codice? 

in generale sarebbe gradito ricevere una sorta di lista con i moduli consigliati e fondamentali, come per esempio un revolution slider e così via 

 

grazie in anticipo

Share this post


Link to post
Share on other sites

Ciao @antonio9451,

scusami se nessuno ti ha risposto.

Sarò franco, dici di essere uno sviluppatore ma poi ci nomini i page builder, che sono utilissimi, ma per uno sviluppatore sono il male 🤣

Ad ogni modo, spero che il passaggio sia il meno indolore possibile, per chi viene da wordpress non è semplice 'interfacciarsi' con PrestaShop, in quanto le due piattaforme sono molto diverse.

Diciamo che non c'è una lista di moduli consigliati da installare subito (come si fa con wordpress), ma si installano i moduli che ci servono per quel rispettivo progetto.

 

Alcuni moduli utili che di solito si installano sono (ovviamente in base al progetto):

PayPal (per ricevere pagamenti tramite PayPal): backoffice, catalogo moduli

Mail alerts (per le notifiche via e-mail di nuovi ordini, ecc): backoffice, catalogo moduli

Cash on delivery (pagamenti in contrassegno): backoffice, catalogo moduli

Ufficiale Conformità GDPR (1.7) (gratuito per la 1.7):  backoffice, catalogo moduli

Google Analytics (gratuito): backoffice, catalogo moduli

Google Sitemap (gratuito): backoffice, catalogo moduli

Products in the same category (visualizza prodotti della stessa categoria, nella scheda prodotto del front): backoffice, catalogo moduli

 

Questi i principali, gratuiti, che mi sono venuti in mente, se qualcuno volesse aggiungerne qualcun altro faccia pure 😊

 

Per rispondere alla tua domanda, e ti piacciano i page builder, c'è il template warehouse che integra elementor (a quanto pare molto in voga tra i pagebuildari 😜), il template non lo troverai su addons, ma cercando su google ti uscirà senz'altro.

 

Un caro saluto 😊

Share this post


Link to post
Share on other sites

ciao, 

sei stato molto utile, diciamo che non amo scrivere codice preferisco modificare con un tool , drag & drop tipo AP page builder, mi sto trovando bene, è abbastanza intuitivo come WP BAKERY , ad ogni modo ci sono comunque delle problematiche e bisogna sempre anda a modificare il codice.

ad ogni modo conosci un modulo per caricare file svg su prestashop? su wordrpess c'erano dei plugin adatti... ho problemi con la qualità del logo e non dipende da come l'ho creato

Share this post


Link to post
Share on other sites

Da quello che so non mi sembra che ci siano moduli che ti permettono di gestire SVG come logo dello shop da backoffice.

Devi utilizzare PNG o JPEG(JPG), se ti serve l'SVG come logo dello shop carica il file negli assets del template e modifichi il template per poter caricare quel file invece del logo di sistema.

 

Un caro saluto ;)

Share this post


Link to post
Share on other sites

c'è qualche guida per fare quest'operazione ? sono nuovo su prestashop, sto iniziando ad approcciarmi con la creazione di nuove pagine, ma non ci sto riuscendo 

Share this post


Link to post
Share on other sites

per caricare file vettoriali su prestashop, e come creare e linkare nuove pagine, ho difficoltà nell'editing

Share this post


Link to post
Share on other sites

Ciao,

per la verità @marsaldev ti ha già risposto:

On 11/7/2019 at 11:31 AM, marsaldev said:

se ti serve l'SVG come logo dello shop carica il file negli assets del template e modifichi il template per poter caricare quel file invece del logo di sistema

il file SVG va caricato via FTP nella cartella del tema, poi devi modificare il template del tema che contiene il percorso al logo (header.tpl in genere) per fare in modo di mostrare il tuo SVG invece del logo preso dall'area di amministrazione.

Quanto a "creare e linkare nuove pagine": intendi pagine come nello stesso senso di WP? Quelle si creano sotto Design -> Pagine e per linkarle (nel menu suppongo) devi usare il modulo del menu (quello standard di PS è ps_mainmenu, ma se hai un tema acquistato può essere che il modulo sia un altro).

Buona giornata,
Federica

  • Like 1

Share this post


Link to post
Share on other sites

grazie federica, solo che non ho mai fatto un operazione del genere, mi perdo in questo punto. 

 

poi devi modificare il template del tema che contiene il percorso al logo (header.tpl in genere) per fare in modo di mostrare il tuo SVG invece del logo preso dall'area di amministrazione.

 

potete aiutarmi? 

Share this post


Link to post
Share on other sites

Ciao Antonio,

non volermene ma la tua richiesta mal si concilia con il fatto che tu dica di essere uno "sviluppatore di siti web" (anche se non sei esperto di Prestahop).

In ogni caso: tra i files del tema (mi baso sul tema "classic" ma probabilmente anche gli altri non sono troppo diversi) devi cercare il template header.tpl che in genere si trova nella cartella templates/_partial/

Ad un certo punto troverai questa riga (o una molto simile):

<img class="logo img-responsive" src="{$shop.logo}" alt="{$shop.name}">

al posto di {$shop.logo} che prende il logo caricato nell'area di amministrazione, devi inserire il percorso al logo in SVG che hai caricato via FTP.

Buona giornata,
Federica

Share this post


Link to post
Share on other sites

{block name='header_banner'}
  <div class="header-banner">
    {if isset($fullwidth_hook.displayBanner) AND $fullwidth_hook.displayBanner == 0}
      <div class="container">
      {/if}
        <div class="inner">{hook h='displayBanner'}</div>
    {if isset($fullwidth_hook.displayBanner) AND $fullwidth_hook.displayBanner == 0}
      </div>
      {/if}
  </div>
{/block}

{block name='header_nav'}
  <nav class="header-nav">
    <div class="topnav">
      {if isset($fullwidth_hook.displayNav1) AND $fullwidth_hook.displayNav1 == 0}
      <div class="container">
      {/if}
        <div class="inner">{hook h='displayNav1'}</div>
      {if isset($fullwidth_hook.displayNav1) AND $fullwidth_hook.displayNav1 == 0}
      </div>
      {/if}
    </div>
    <div class="bottomnav">
      {if isset($fullwidth_hook.displayNav2) AND $fullwidth_hook.displayNav2 == 0}
        <div class="container">
      {/if}
        <div class="inner">{hook h='displayNav2'}</div>
      {if isset($fullwidth_hook.displayNav2) AND $fullwidth_hook.displayNav2 == 0}
        </div>
      {/if}
    </div>
  </nav>
{/block}

{block name='header_top'}
  <div class="header-top">
    {if isset($fullwidth_hook.displayTop) AND $fullwidth_hook.displayTop == 0}
          <div class="container">
        {/if}
      <div class="inner">{hook h='displayTop'}</div>
        {if isset($fullwidth_hook.displayTop) AND $fullwidth_hook.displayTop == 0}
          </div>
        {/if}
  </div>
  {hook h='displayNavFullWidth'}
{/block}

 

 

questo è il codice del file che intendi

Share this post


Link to post
Share on other sites

ciao, 

ho risolto il problema del fise svg, ora ne avrei un altro, con wordpress quando creavo una pagina la potevo immediatamente editare con WP bakery page builder, e impostavo la pagina shop carrello ecc dalle impostazioni amministrative, con prestashop come avviene la gestione delle pagine? tramite AP builder o serve un visual composer?

ho risolto diversamente,

 

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More