Powered by Blogger.
RSS

Tips Edit Menu Navigasi Footer Prestashop – Bagian 1


Navigasi situs       merupakan masalah sangat penting. Website biasa mengandalkan navigasi melalui tab navigasi horizontal pada header. Pilihan lainnya dengan menu dropdown atau scroll pada kolom kiri atau kanan halaman website atau kombinasi menu horizontal di header dan menu dropdown.

Anda juga bisa mengoptimalkan penggunaan bagian paling bawah webpage (footer) untuk memasang navigasi. Secara default toko online Prestashop sudah ada navigasi standar Prestashop beserta title <<Powered by Prestashop>> di bagian footer paling kanan. Anda bisa merombak navigasi footer ini.

Mengubah teks  Powered by PrestaShop™

Untuk edit <<Powered by PrestaShop™>>  atau <<Didukung oleh PrestaShop™>> Anda harus menuju file bernama public_html/modules/blockcms/blockcms.tpl pada cPanel Anda. Untuk edit teks ini, langsung saja menuju baris 60 pada file diatas. Lihat dan telusuri nomor baris pada kolom paling kiri. 
 
Edit footer_Prestashop

Snippet kode diatas lengkapnya seperti dibawah ini (isi file public_html/modules/blockcms/blockcms.tpl standar bawaan dari Prestashop)

{if $block == 1}
    <!-- Block CMS module -->
    {foreach from=$cms_titles key=cms_key item=cms_title}
        <div id="informations_block_left_{$cms_key}" class="block informations_block_left">
            <h4><a href="{$cms_title.category_link}">{if !empty($cms_title.name)}{$cms_title.name}{else}{$cms_title.category_name}{/if}</a></h4>
            <ul class="block_content">
                {foreach from=$cms_title.categories item=cms_page}
                    {if isset($cms_page.link)}<li class="bullet"><b style="margin-left:2em;">
                    <a href="{$cms_page.link}" title="{$cms_page.name|escape:html:'UTF-8'}">{$cms_page.name|escape:html:'UTF-8'}</a>
                    </b></li>{/if}
                {/foreach}
                {foreach from=$cms_title.cms item=cms_page}
                    {if isset($cms_page.link)}<li><a href="{$cms_page.link}" title="{$cms_page.meta_title|escape:html:'UTF-8'}">{$cms_page.meta_title|escape:html:'UTF-8'}</a></li>{/if}
                {/foreach}
                {if $cms_title.display_store}<li><a href="{$link->getPageLink('stores.php')}" title="{l s='Our stores' mod='blockcms'}">{l s='Our stores' mod='blockcms'}</a></li>{/if}
            </ul>
        </div>
    {/foreach}
    <!-- /Block CMS module -->
{else}
    <!-- MODULE Block footer -->
    <ul class="block_various_links" id="block_various_links_footer">
        <li class="first_item"><a href="http://website-download.blogspot.com/2012/06/webdesign-services-layanan-pembuatan.html" title="webdesign"><img src="{$img_lang_dir}6.jpg" alt="webdesign" width="16" height="11" /></a></li>
        {if !$PS_CATALOG_MODE}<li class="first_item"><a href="{$link->getPageLink('prices-drop.php')}" title="{l s='Specials' mod='blockcms'}">{l s='Specials' mod='blockcms'}</a></li>{/if}
        <li class="{if $PS_CATALOG_MODE}first_{/if}item"><a href="{$link->getPageLink('new-products.php')}" title="{l s='New products' mod='blockcms'}">{l s='New products' mod='blockcms'}</a></li>
        {if !$PS_CATALOG_MODE}<li class="item"><a href="{$link->getPageLink('best-sales.php')}" title="{l s='Top sellers' mod='blockcms'}">{l s='Top sellers' mod='blockcms'}</a></li>{/if}
        {if $display_stores_footer}<li class="item"><a href="{$link->getPageLink('stores.php')}" title="{l s='Our stores' mod='blockcms'}">{l s='Our stores' mod='blockcms'}</a></li>{/if}
        <li class="item"><a href="{$link->getPageLink('contact-form.php', true)}" title="{l s='Contact us' mod='blockcms'}">{l s='Contact us' mod='blockcms'}</a></li>
        {foreach from=$cmslinks item=cmslink}
            {if $cmslink.meta_title != ''}
                <li class="item"><a href="{$cmslink.link|addslashes}" title="{$cmslink.meta_title|escape:'htmlall':'UTF-8'}">{$cmslink.meta_title|escape:'htmlall':'UTF-8'}</a></li>
            {/if}
        {/foreach}
        <li class="last_item">{l s='Powered by' mod='blockcms'} <a href="http://www.prestashop.com">PrestaShop</a>&trade;</li>
    </ul>
    <!-- /MODULE Block footer -->
{/if}

Source code di atas menghasilkan menu default pada footer Prestashop seperti gambar di bawah ini:
 
 
Footer_ALL LOVELY

Note :

Untuk mengubah teks title <<PrestaShop™>> pada teks menu paling kiri, Anda hanya perlu menuju baris ke 60 pada file aslinya dan kata Prestashop dengan nama lain yang Anda inginkan. Tapi untuk mengganti teks <<Powered by>> menjadi <<Didukung oleh>> Anda harus mengganti: 
 
<li class="last_item">{l s='Powered by' mod='blockcms'} <a href="http://www.prestashop.com">PrestaShop</a>&trade;</li>
menjadi :
<li class="last_item">Didukung oleh<a href="http://www.prestashop.com">PrestaShop</a>&trade;</li>
Hasilnya akan tampak seperti menu navigasi pada gabar di atas.

Dilanjutkan ke bagian 2

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

0 comments:

Post a Comment