Bonjour,
J'ai installé Thelia 2 et aimerais modifier la disposition et mise en page des éléments sur les différentes pages (lindex, les pages produits, le panier, etc).
Pour commencer avec l'index, lorsque je vais sur l'index du front office et que j'affiche son code source, j'obtiens ça:
<!doctype html>
<!--
______ __ __ ______ __ __ ______
/\__ _\ /\ \_\ \ /\ ___\ /\ \ /\ \ /\ __ \
\/_/\ \/ \ \ __ \ \ \ __\ \ \ \____ \ \ \ \ \ __ \
\ \_\ \ \_\ \_\ \ \_____\ \ \_____\ \ \_\ \ \_\ \_\
\/_/ \/_/\/_/ \/_____/ \/_____/ \/_/ \/_/\/_/
Copyright (c) OpenStudio
email : info@thelia.net
web : http://www.thelia.net
This program is free software; you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation; either version 3 of the
GNU General Public License : http://www.gnu.org/licenses/
-->
<!--[if lt IE 7 ]><html class="no-js oldie ie6" lang="fr"> <![endif]-->
<!--[if IE 7 ]><html class="no-js oldie ie7" lang="fr"> <![endif]-->
<!--[if IE 8 ]><html class="no-js oldie ie8" lang="fr"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="fr" class="no-js"> <!--<![endif]-->
<head>
<script>(function(H) { H.className=H.className.replace(/\bno-js\b/,'js') } )(document.documentElement);</script>
<meta charset="utf-8">
<title>monsite</title>
<meta name="generator" content="Thelia v2">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<meta name="description" content="Boutique monsite">
<meta name="robots" content="noindex,nofollow">
<link rel="stylesheet" href="http://monsite.fr/thelia/web/assets/frontOffice/dex/0/css/ed02027.css">
<link rel="shortcut icon" type="image/x-icon" href="http://monsite.fr/thelia/web/assets/frontOffice/dex/0/img/6375587.ico">
<link rel="icon" type="image/png" href="http://monsite.fr/thelia/web/assets/frontOffice/dex/0/img/7d0976a.png" />
<link rel="alternate" type="application/rss+xml" title="Tous les produits" href="http://monsite.fr/thelia/web/feed/catalog/fr_FR" />
<link rel="alternate" type="application/rss+xml" title="Tous les contenus" href="http://monsite.fr/thelia/web/feed/content/fr_FR" />
<link rel="alternate" type="application/rss+xml" title="Toutes les marques" href="http://monsite.fr/thelia/web/feed/brand/fr_FR" />
<!--[if lt IE 9]>
<script src="//oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="//oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->
</head>
<body class="page-home" itemscope itemtype="http://schema.org/WebPage">
<!-- Accessibility -->
<a class="sr-only" href="#content">Aller au contenu</a>
<div class="page" role="document">
<div class="header-container" itemscope itemtype="http://schema.org/WPHeader">
<div class="navbar" itemscope itemtype="http://schema.org/SiteNavigationElement">
<div class="container">
<div class="navbar-header">
<!-- .navbar-toggle is used as the toggle for collapsed navbar content -->
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".nav-main">
<span class="sr-only">Basculer la navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="http://monsite.fr/thelia/web">monsite</a>
</div>
<!-- Place everything within .nav-collapse to hide it until above 768px -->
<nav class="navbar-collapse collapse nav-main" role="navigation" aria-label="Navigation principale">
<ul class="nav navbar-nav navbar-cart navbar-right">
<li><a href="http://monsite.fr/thelia/web/register" class="register">Enregistrez-vous !</a></li>
<li class="dropdown">
<a href="http://monsite.fr/thelia/web/login" class="login">Se connecter</a>
<div class="dropdown-menu">
<form id="form-login-mini" action="http://monsite.fr/thelia/web/login" method="post" >
<input type="hidden" name="thelia_customer_login[_token]" value="9a70717e5fba2d21cc427b22ceac6890e3999a85" >
<input type="hidden" name="thelia_customer_login[success_url]" value="http://monsite.fr/thelia/web/">
<div class="form-group group-email">
<label for="email-mini">Adresse e-mail</label>
<input type="email" name="thelia_customer_login[email]" id="email-mini" class="form-control" maxlength="255" aria-required="true" required>
</div>
<div class="form-group group-password">
<label for="password-mini">Mot de passe</label>
<input type="password" name="thelia_customer_login[password]" id="password-mini" class="form-control" maxlength="255" aria-required="true" required>
</div>
<input type="hidden" name="thelia_customer_login[account]" value="1">
<div class="group-btn">
<button type="submit" class="btn btn-login-mini">Se connecter</button>
<a href="http://monsite.fr/thelia/web/register" class="btn btn-register-mini">S'inscrire</a>
</div>
</form>
</div>
</li>
<li class="dropdown pull-right cart-container">
<a href="http://monsite.fr/thelia/web/cart" rel="nofollow" class="cart">
Panier <span class="badge">0</span>
</a>
<div class="dropdown-menu cart-content">
<p>Vous n'avez pas de produit dans votre panier.</p>
</div>
</li>
</ul>
<ul class="nav navbar-nav navbar-categories">
<li><a href="http://monsite.fr/thelia/web" class="home">Accueil</a></li>
<li><a href="http://monsite.fr/thelia/web/?view=category&locale=fr_FR&category_id=1">Bracelets</a></li>
<li><a href="http://monsite.fr/thelia/web/?view=category&locale=fr_FR&category_id=2">Badges</a></li>
<li><a href="http://monsite.fr/thelia/web/?view=category&locale=fr_FR&category_id=3">T-shirts imprimés</a></li>
</ul>
</nav>
</div>
</div>
<header class="container" role="banner">
<div class="header">
<h1 class="logo">
<a href="http://monsite.fr/thelia/web" title="monsite">
<img src="http://monsite.fr/thelia/web/assets/frontOffice/dex/0/img/443e0cd.gif" alt="monsite">
</a>
</h1>
<div class="language-container">
<div class="search-container">
<form id="form-search" action="http://monsite.fr/thelia/web/search" method="get" role="search" aria-labelledby="search-label">
<label id="search-label" for="q">Rechercher un produit</label>
<div class="input-group">
<input type="search" name="q" id="q" placeholder="Recherche…" class="form-control" autocomplete="off" aria-required="true" required pattern=".{2,}" title="2 caractères minimum.">
<div class="input-group-btn">
<button type="submit" class="btn btn-search"><i class="icon-search"></i> <span>Recherche</span></button>
</div>
</div>
</form>
</div>
<div class="language-switch" aria-labelledby="language-label" role="form">
<span id="language-label" class="dropdown-label">Langue : </span>
<a class="current dropdown-toggle" data-toggle="dropdown" href="http://monsite.fr/thelia/web/language">Français</a>
<ul class="select dropdown-menu">
<li><a href="http://monsite.fr/thelia/web/?lang=en">English</a></li>
<li><a href="http://monsite.fr/thelia/web/?lang=es">Castellano</a></li>
<li><a href="http://monsite.fr/thelia/web/?lang=it">Italiano</a></li>
<li><a href="http://monsite.fr/thelia/web/?lang=ru">Russian</a></li>
<li><a href="http://monsite.fr/thelia/web/?lang=cs">Czech</a></li>
</ul>
</div>
<div class="currency-switch" aria-labelledby="currency-label" role="form">
<span id="currency-label" class="dropdown-label">Devise : </span>
<a class="current dropdown-toggle" data-toggle="dropdown" href="http://monsite.fr/thelia/web/currency">EUR</a>
<ul class="select dropdown-menu">
<li><a href="http://monsite.fr/thelia/web/?currency=USD">$ - Dollar Américain</a></li>
<li><a href="http://monsite.fr/thelia/web/?currency=GBP">£ - Livre anglaise</a></li>
</ul>
</div>
</div>
</div>
</header><!-- /.header -->
</div><!-- /.header-container -->
<main class="main-container" role="main">
<div class="container">
<div id="content">
<section class="carousel-container">
<div id="carousel" class="carousel slide">
<div class="carousel-wrapper">
<div class="carousel-inner">
<figure class="item active">
<img src="http://monsite.fr/thelia/web/assets/frontOffice/dex/0/img/carousel/4013114.jpg" alt="Slider image 1">
</figure>
<figure class="item">
<img src="http://monsite.fr/thelia/web/assets/frontOffice/dex/0/img/carousel/736bb99.jpg" alt="Slider image 2">
</figure>
<figure class="item">
<img src="http://monsite.fr/thelia/web/assets/frontOffice/dex/0/img/carousel/b8104ad.jpg" alt="Slider image 3">
</figure>
</div>
</div>
<a class="left carousel-control" href="#carousel" data-slide="prev"><span class="icon-prev"></span></a>
<a class="right carousel-control" href="#carousel" data-slide="next"><span class="icon-next"></span></a>
</div>
</section><!-- #carousel -->
</div>
</div><!-- /.container -->
</main><!-- /.main-container -->
<section class="footer-container" itemscope itemtype="http://schema.org/WPFooter">
<section class="footer-banner">
<div class="container">
<div class="banner banner-col-3">
<div class="col">
<span class="icon-truck icon-flip-horizontal"></span>
Livraison gratuite <small>Commande supérieure à 50€</small>
</div>
<div class="col">
<span class="icon-credit-card"></span>
Paiement sécurisé <small>Plateforme de paiement multiple</small>
</div>
<div class="col">
<span class="icon-info"></span>
Besoin d'aide ? <small>Questions ? Voir notre FAQ</small>
</div>
</div>
</div>
</section><!-- /.footer-banner -->
<section class="footer-block">
<div class="container">
<div class="blocks block-col-4">
<div class="col">
<section class="block block-links">
<div class="block-heading"><h3 class="block-title">Derniers articles</h3></div>
<div class="block-content">
<ul>
<li>Aucun article en ce moment</li>
</ul>
</div>
</section>
</div>
<div class="col">
<section class="block block-default">
<div class="block-heading"><h3 class="block-title">Liens utiles</h3></div>
<div class="block-content">
<ul>
<li><a href="http://monsite.fr/thelia/web/login">Connexion</a></li>
<li><a href="http://monsite.fr/thelia/web/register">S'inscrire</a></li>
<li><a href="http://monsite.fr/thelia/web/cart">Panier</a></li>
<li><a href="http://monsite.fr/thelia/web/order/delivery">Commande</a></li>
</ul>
</div>
</section>
</div>
<div class="col">
<section class="block block-social">
<div class="block-heading"><h3 class="block-title">Suivez-nous</h3></div>
<div class="block-content">
<p>Abonnez vous à nos pages</p>
<ul role="presentation">
<li>
<a href="https://www.facebook.com/theliaecommerce" rel="nofollow" class="facebook" data-toggle="tooltip" data-placement="top" title="Facebook" target="_blank">
<span class="icon-stack">
<span class="icon-circle icon-stack-base"></span>
<span class="icon-facebook icon-light"></span>
</span>
<span class="visible-print">Facebook</span>
</a>
</li>
<li>
<a href="https://twitter.com/theliaecommerce" rel="nofollow" class="twitter" data-toggle="tooltip" data-placement="top" title="Twitter" target="_blank">
<span class="icon-stack">
<span class="icon-circle icon-stack-base"></span>
<span class="icon-twitter icon-light"></span>
</span>
<span class="visible-print">Twitter</span>
</a>
</li>
<li>
<a href="http://instagram.com" rel="nofollow" class="instagram" data-toggle="tooltip" data-placement="top" title="Instagram" target="_blank">
<span class="icon-stack">
<span class="icon-circle icon-stack-base"></span>
<span class="icon-instagram icon-light"></span>
</span>
<span class="visible-print">Instagram</span>
</a>
</li>
<li>
<a href="https://plus.google.com/+TheliaNet" rel="nofollow" class="google-plus" data-toggle="tooltip" data-placement="top" title="Google+" target="_blank">
<span class="icon-stack">
<span class="icon-circle icon-stack-base"></span>
<span class="icon-google-plus icon-light"></span>
</span>
<span class="visible-print">Google+</span>
</a>
</li>
<li>
<a href="http://www.youtube.com" rel="nofollow" class="youtube" data-toggle="tooltip" data-placement="top" title="Youtube" target="_blank">
<span class="icon-stack">
<span class="icon-circle icon-stack-base"></span>
<span class="icon-youtube icon-light"></span>
</span>
<span class="visible-print">Youtube</span>
</a>
</li>
<li>
<a href="http://thelia.net/feed/" class="rss" rel="nofollow" data-toggle="tooltip" data-placement="top" title="RSS" target="_blank">
<span class="icon-stack">
<span class="icon-circle icon-stack-base"></span>
<span class="icon-rss icon-light"></span>
</span>
<span class="visible-print">RSS</span>
</a>
</li>
</ul>
</div>
</section>
<section class="block block-newsletter">
<div class="block-heading"><h3 class="block-title">Newsletter</h3></div>
<div class="block-content">
<p id="newsletter-describe">Inscrivez-vous pour recevoir les dernières nouveautés.</p>
<form id="form-newsletter-mini" action="http://monsite.fr/thelia/web/newsletter" method="post">
<input type="hidden" name="thelia_newsletter[_token]" value="9a70717e5fba2d21cc427b22ceac6890e3999a85" >
<div class="form-group">
<label for="email_newsletter-mini">Adresse e-mail</label>
<input type="email" name="thelia_newsletter[email]" id="email_newsletter-mini" class="form-control" maxlength="255" placeholder="Votre adresse e-mail" aria-describedby="newsletter-describe" aria-required="true" required autocomplete="off">
</div>
<button type="submit" class="btn btn-subscribe">Inscription</button>
</form>
</div>
</section>
</div>
<div class="col">
<section class="block block-contact" itemscope itemtype="http://schema.org/Organization">
<div class="block-heading"><h3 class="block-title">Contactez-nous</h3></div>
<div class="block-content">
<meta itemprop="name" content="monsite">
<ul>
<li class="contact-address">
<address class="adr" itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
<span class="street-address" itemprop="streetAddress">46 rue d'Altkirch </span><br>
<span class="postal-code" itemprop="postalCode">67100</span>
<span class="locality" itemprop="addressLocality">
Strasbourg
, <span class="country-name">France métropolitaine</span>
</span>
</address>
</li>
<li class="contact-phone">
<span class="tel" itemprop="telephone">09.53.64.28.77</span>
</li>
<li class="contact-email">
<a href="mailto:%69%6e%66%6f%73@%73%69%78%61%70%70%6c%65.%66%72" class="email" itemprop="email">infos@sixapple.fr</a>
</li>
</ul>
</div>
</section>
</div>
</div>
</div>
</section><!-- /.footer-block -->
<footer class="footer-info" role="contentinfo">
<div class="container">
<div class="info">
<nav class="nav-footer" role="navigation">
<ul>
<li><a href="http://monsite.fr/thelia/web/contact">Contactez-nous</a></li>
</ul>
</nav>
<section class="copyright">Copyright © <time datetime="2014-10-29">2014</time> <a href="http://thelia.net" rel="external">Thelia</a></section>
</div>
</div>
</footer><!-- /.footer-info -->
</section><!-- /.footer-container -->
</div><!-- /.page -->
<!-- JavaScript -->
<!--[if lt IE 9]><script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> <!--<![endif]-->
<script>
if (typeof jQuery == 'undefined') {
document.write(unescape("%3Cscript src='http://monsite.fr/thelia/web/assets/frontOffice/dex/0/js/libs/b815b42.js' %3E%3C/script%3E"));
}
</script>
<script src="//ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.min.js"></script>
<script src="http://monsite.fr/thelia/web/assets/frontOffice/dex/0/js/bootstrap/517773e.js"></script>
<script src="http://monsite.fr/thelia/web/assets/frontOffice/dex/0/js/plugins/bootbox/2101b58.js"></script>
<!-- Custom scripts -->
<script src="http://monsite.fr/thelia/web/assets/frontOffice/dex/0/js/8cfd31a.js"></script>
</body>
</html>
Et c'est bien cette page que j'aimerais modifier...
Mais j'ai beau chercher depuis 2h, je ne trouve cette page nulle part dans mon dossier d'installation Thelia...
Où est-elle? Comment y accéder?
Dans monsite.fr/thelia/templates/frontOffice/dex(le nom de mon template perso)/ j'ai un fichier index.html. Mais je n'y vois par exemple pas le header (barre de menu + login + register + icone panier, etc).
Du coup j'ai rechercher un fichier header, mais aucun ne contient
<nav class="navbar-collapse collapse nav-main" role="navigation" aria-label="Navigation principale">
<ul class="nav navbar-nav navbar-cart navbar-right">
<li><a href="http://sixapple.fr/thelia/web/register" class="register">Enregistrez-vous !</a></li>
<li class="dropdown">
<a href="http://sixapple.fr/thelia/web/login" class="login">Se connecter</a>
<div class="dropdown-menu">
<form id="form-login-mini" action="http://sixapple.fr/thelia/web/login" method="post" >
<input type="hidden" name="thelia_customer_login[_token]" value="9a70717e5fba2d21cc427b22ceac6890e3999a85" >
<input type="hidden" name="thelia_customer_login[success_url]" value="http://sixapple.fr/thelia/web/">
<div class="form-group group-email">
<label for="email-mini">Adresse e-mail</label>
<input type="email" name="thelia_customer_login[email]" id="email-mini" class="form-control" maxlength="255" aria-required="true" required>
</div>
<div class="form-group group-password">
<label for="password-mini">Mot de passe</label>
<input type="password" name="thelia_customer_login[password]" id="password-mini" class="form-control" maxlength="255" aria-required="true" required>
</div>
<input type="hidden" name="thelia_customer_login[account]" value="1">
<div class="group-btn">
<button type="submit" class="btn btn-login-mini">Se connecter</button>
<a href="http://sixapple.fr/thelia/web/register" class="btn btn-register-mini">S'inscrire</a>
</div>
</form>
</div>
</li>
<li class="dropdown pull-right cart-container">
<a href="http://sixapple.fr/thelia/web/cart" rel="nofollow" class="cart">
Panier <span class="badge">0</span>
</a>
<div class="dropdown-menu cart-content">
<p>Vous n'avez pas de produit dans votre panier.</p>
</div>
</li>
</ul>
<ul class="nav navbar-nav navbar-categories">
<li><a href="http://sixapple.fr/thelia/web" class="home">Accueil</a></li>
<li><a href="http://sixapple.fr/thelia/web/?view=category&locale=fr_FR&category_id=1">Bracelets</a></li>
<li><a href="http://sixapple.fr/thelia/web/?view=category&locale=fr_FR&category_id=2">Badges</a></li>
<li><a href="http://sixapple.fr/thelia/web/?view=category&locale=fr_FR&category_id=3">T-shirts imprimés</a></li>
</ul>
</nav>
, la partie que j'aimerais modifier...
Je suis larguée :/