Jump to content

Modifica template prodotti


andrecata

Recommended Posts

Salve a tutti, vorrei cambiare la visualizzazione delle descrizioni dei prodotti.

Vorrei che i tab relativi alla Descrizione, dettagli prodotto e recensioni fossero incolonnati e non, come di default per tutti i temi, tab da dover cliccare.

{block name='product_tabs'}

    <div class="product-tabs tabs">

        <ul class="nav nav-tabs" role="tablist">

            {if $product.description}

                <li class="nav-item">

                   <a

                     class="nav-link{if $product.description} active{/if}"

                     data-toggle="tab"

                     href="#description"

                     role="tab"

                     aria-controls="description"

                     {if $product.description} aria-selected="true"{/if}>{l s='Description' d='Shop.Theme.Catalog'}</a>

                </li>

            {/if}

            <li class="nav-item">

                <a

                  class="nav-link{if !$product.description} active{/if}"

                  data-toggle="tab"

                  href="#product-details"

                  role="tab"

                  aria-controls="product-details"

                  {if !$product.description} aria-selected="true"{/if}>{l s='Product Details' d='Shop.Theme.Catalog'}</a>

            </li>

            {if $product.attachments}

                <li class="nav-item">

                  <a

                    class="nav-link"

                    data-toggle="tab"

                    href="#attachments"

                    role="tab"

                    aria-controls="attachments">{l s='Attachments' d='Shop.Theme.Catalog'}</a>

                </li>

             {/if}

            {foreach from=$product.extraContent item=extra key=extraKey}

                <li class="nav-item">

                  <a

                    class="nav-link"

                    data-toggle="tab"

                    href="#extra-{$extraKey}"

                    role="tab"

                    aria-controls="extra-{$extraKey}">{$extra.title}</a>

                </li>

            {/foreach}

            {hook h='displayLeoProductTab' product=$product}

        </ul>

Pertanto vorrei chiedere se qualcuno di voi conosce il parametro che contiene i testi e come poter modificare il template per ottenere i tab incolonnati.

Infine vorrei chiedervi se esiste una documentazione più esaustiva sul linguaggio per la scrittura dei .TPL (cercando sul web ho letto che sono scritti con Smarty ma la v2 o v3?).

Grazie in anticipo!

Edited by andrecata (see edit history)
Link to comment
Share on other sites

  • andrecata changed the title to Modifica template prodotti

Ciao,

il layout in tabs deriva essenzialmente da quello di Bootstrap (che è il framework usato per la base del CSS di PS). Puoi vedere la definizione della navigazione "a tabs" di Bootstrap qui: https://getbootstrap.com/docs/5.0/components/navs-tabs/. Essenzialmente ti basterebbe togliere/modificare le classi "nav-" per disabilitare il comportamento "a tabs".

I templates Smarty usano la versione 3 (https://www.smarty.net/v3_overview), in PS 1.7 però si sta passando a Twig che è un po' differente come sintassi.

Buona giornata,
Federica

Link to comment
Share on other sites

On 2/19/2021 at 9:19 AM, fedesib said:

Ciao,

il layout in tabs deriva essenzialmente da quello di Bootstrap (che è il framework usato per la base del CSS di PS). Puoi vedere la definizione della navigazione "a tabs" di Bootstrap qui: https://getbootstrap.com/docs/5.0/components/navs-tabs/. Essenzialmente ti basterebbe togliere/modificare le classi "nav-" per disabilitare il comportamento "a tabs".

I templates Smarty usano la versione 3 (https://www.smarty.net/v3_overview), in PS 1.7 però si sta passando a Twig che è un po' differente come sintassi.

Buona giornata,
Federica

Ti ringrazio Federica, mi hai aperto gli occhi su molti aspetti che non conoscevo.

Grazie e buona giornata a te!

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...