Isabelle
6ff74d7cc8
This new page structure for the home page makes it so you have more control over the index.tpl file. By default, if the index.tpl file is full width (meaning no side columns) the container becomes fluid and full-width. For each section, you need to define a container, rows and columns. This way you can easily have full-width background images for only certain sections.
121 lines
4.5 KiB
Smarty
121 lines
4.5 KiB
Smarty
{**
|
|
* Copyright since 2007 PrestaShop SA and Contributors
|
|
* PrestaShop is an International Registered Trademark & Property of PrestaShop SA
|
|
*
|
|
* NOTICE OF LICENSE
|
|
*
|
|
* This source file is subject to the Academic Free License 3.0 (AFL-3.0)
|
|
* that is bundled with this package in the file LICENSE.md.
|
|
* It is also available through the world-wide-web at this URL:
|
|
* https://opensource.org/licenses/AFL-3.0
|
|
* If you did not receive a copy of the license and are unable to
|
|
* obtain it through the world-wide-web, please send an email
|
|
* to license@prestashop.com so we can send you a copy immediately.
|
|
*
|
|
* DISCLAIMER
|
|
*
|
|
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
|
|
* versions in the future. If you wish to customize PrestaShop for your
|
|
* needs please refer to https://devdocs.prestashop.com/ for more information.
|
|
*
|
|
* @author PrestaShop SA and Contributors <contact@prestashop.com>
|
|
* @copyright Since 2007 PrestaShop SA and Contributors
|
|
* @license https://opensource.org/licenses/AFL-3.0 Academic Free License 3.0 (AFL-3.0)
|
|
*}
|
|
<!doctype html>
|
|
<html lang="{$language.locale}">
|
|
|
|
<head>
|
|
{block name='head'}
|
|
{include file='_partials/head.tpl'}
|
|
{/block}
|
|
</head>
|
|
|
|
<body id="{$page.page_name}" class="{$page.body_classes|classnames}">
|
|
|
|
{block name='hook_after_body_opening_tag'}
|
|
{hook h='displayAfterBodyOpeningTag'}
|
|
{/block}
|
|
|
|
<main class="l-main">
|
|
{block name='product_activation'}
|
|
{include file='catalog/_partials/product-activation.tpl'}
|
|
{/block}
|
|
|
|
<header id="header" class="l-header">
|
|
{block name='header'}
|
|
{include file='_partials/header.tpl'}
|
|
{/block}
|
|
</header>
|
|
|
|
<section id="wrapper">
|
|
{block name='notifications'}
|
|
{include file='_partials/notifications.tpl'}
|
|
{/block}
|
|
{hook h="displayWrapperTop"}
|
|
<div class="{if $page.page_name == 'index' }container-fluid p-0 overflow-hidden{else} container {/if}">
|
|
{block name='breadcrumb'}
|
|
{include file='_partials/breadcrumb.tpl'}
|
|
{/block}
|
|
<div class="{if $page.page_name != 'index' || !isset($page.body_classes['layout-full-width'])}row{/if}">
|
|
{block name="left_column"}
|
|
<div id="left-column" class="col-12 col-md-4 col-lg-3">
|
|
{if $page.page_name == 'product'}
|
|
{hook h='displayLeftColumnProduct' product=$product category=$category}
|
|
{else}
|
|
{hook h="displayLeftColumn"}
|
|
{/if}
|
|
</div>
|
|
{/block}
|
|
{block name="content_wrapper"}
|
|
<div id="content-wrapper" class="js-content-wrapper left-column right-column col-md-4 col-lg-6">
|
|
{hook h="displayContentWrapperTop"}
|
|
{block name="content"}
|
|
<p>Hello world! This is HTML5 Boilerplate.</p>
|
|
{/block}
|
|
{hook h="displayContentWrapperBottom"}
|
|
</div>
|
|
{/block}
|
|
{block name="right_column"}
|
|
<div id="right-column" class="col-12 col-md-4 col-lg-3">
|
|
{if $page.page_name == 'product'}
|
|
{hook h='displayRightColumnProduct'}
|
|
{else}
|
|
{hook h="displayRightColumn"}
|
|
{/if}
|
|
</div>
|
|
{/block}
|
|
</div>
|
|
</div>
|
|
{hook h="displayWrapperBottom"}
|
|
</section>
|
|
|
|
<footer id="footer" class="l-footer js-footer">
|
|
{block name="footer"}
|
|
{include file="_partials/footer.tpl"}
|
|
{/block}
|
|
</footer>
|
|
|
|
</main>
|
|
|
|
{block name='javascript_bottom'}
|
|
{include file="_partials/password-policy-template.tpl"}
|
|
{include file="_partials/javascript.tpl" javascript=$javascript.bottom}
|
|
{/block}
|
|
|
|
{block name='hook_before_body_closing_tag'}
|
|
{hook h='displayBeforeBodyClosingTag'}
|
|
{/block}
|
|
|
|
{block name='mobile-modals'}
|
|
{include file="_partials/mobile-modals.tpl"}
|
|
{/block}
|
|
|
|
{block name='page-loader'}
|
|
{include file="_partials/page-loader.tpl"}
|
|
{/block}
|
|
|
|
</body>
|
|
|
|
</html>
|