Problèmes modifications css front office

delvauxo · March 19, 2014

Prestashop : 1.5

Bonjour à tous,

Mon problème est le suivant :

J'ai modifié les css concernant le Front-Office de mon thème (Arundo) ! Principalement global.css, et ce sans aucun problème pendant + - 3 semaines ! Et puis d'un moment à l'autre sans raisons particulières, je rafraichis ma page pour voir mes modifications apportées aux css et là, plus rien ne se modifie !!!

Alors j'ai lu plusieurs topics dans différents forum. qui me laisse comprendre qu'il s'agirait là d'un problème de cache. cependant j'ai vider le cache de plusieurs manières. mais malheureusement c'est sans succès pour ma part ! Je ne comprends pas pourquoi et ne sais plus trop où chercher la solution ?!

J'ai vider le cache manuel sauf index.php + le cache dans le BackOffice.

Et voici ma config cache du BackOffice (voir Attach Files)

En ce qui concerne la (Concaténation, Compression et mise en Cache) CCC, je conserve le fonctionnement classique !

mon projet : www.studio54.be

modifications css : [GLOBAL.CSS]

#header-bg {

position: absolute;

top: 0;

left: 0;

width: 100%;

min-width:1020px;

height: 444px;

background-image: url(../images/bg_page.png);

background-repeat: repeat;

background-position: 50% 0;

background-color: #303135;

z-index: 0

}

le site est en maintenance, donc je dois rajouter l'adresse IP pour autoriser l'accès aux visiteurs...

une réponse, piste, ou quoique ce soit concernant ce sujet me sera très utile !!!

Merci d'avance.

Olivier

Raph59 · March 19, 2014

avez vous vider le cache de votre navigateur ? ctrl+F5 si vous utilisez firefox

vous avez également le cache présent dans themes/VOTRETHEME/cache/

delvauxo · March 19, 2014

Bonjour Raph59,

Le cache navigateur a été vidé à plusieurs reprises. J'ai pour habitude de rafraichir à chaque fois avec ctrl + F5 ! J'ai également vidé le cache du theme, le cache smarty -> dossier cache et compile.

Que faire de plus ?

J'ai beau avoir désinstaller et réinstaller PS mais rien y fait !!!

Je suis perdu...

iXs · March 19, 2014

Regardez aussi si vous n'avez pas un système de cache chez votre hébergeur. Puis c'est tout con mais ca arrive ^^' revérifiez le fichier que vous modifiez, est ce le bon ?

delvauxo · March 19, 2014

Je suis chez OVH et je vais me renseigner pour savoir comment vider le cache chez eux...

j'ai vérifié et revérifié à plusieurs reprises si c'est le bon fichier sur lequel je travail car ca m'est déjà arrivé dans le passé...

Je ne pense pas qu'OVH ai un systeme de cache...

Merci iXs

delvauxo · March 19, 2014

J'ai fait le tour des options de menu et malheureusement aucune traces de cache chez l'hébergeur...

Que faire ?

loulou66 · March 19, 2014

Coucou

j'arrive sur ton ftp avec le lien que tu a mis il manque pas mal de fichier

@++

loulou66

delvauxo · March 19, 2014

Salut Loulou66,

J'ai lu pas mal de tes topics mais je n'y suis pas arrivé malgré tes explications claires et précises...

Je suis en train de remettre mon prestashop 1.5 à zéro ! Histoire de pouvoir repartir sur une base saine...

cela devrait etre opérationnel d'ici 15min Max !

Ca me ferait fort plaisir si tu pouvais y jeter un oeil !!!

Merci à toi,

Olivier

delvauxo · March 19, 2014

Une version 1.5.6.2 de Prestashop vient d'être installée sur un hébergement de type mutualisé chez OVH [offre performence1].
 
L'installation du thème Arundo vient de s'achevée.
 
Mon problème est toujours présent, aucune modification css ne prend effet [global.css dans ce cas-ci]
 
Pour l'exemple, je voulais agrandir la hauteur du background-top du site [partie gris foncée].
 
il est fixée à une hauteur de 180px par défault et je souhaiterais l'agrandir jusqu'à une hauteur de 444px.
 
Je viens à l'instant de faire une tentative de modification mais à nouveau sans succès...
 
Voici la valeur que j'obtiens lorsque j'inspecte l'élément à l'aide de mon navigateur Opéra.
 
#header-bg {

   ...
   height : 180px;
   ...

}et non pas 444px comme je l'ai modifié dans le fichier global.css que je viens d'uploader à l'instant.
 
Important : Je suis certain de travailler sur le bon fichier, j'ai vérifié et re-vérifié... !
 
Merci d'avance.
Olivier

coeos.pro · March 19, 2014

Je ne pense pas qu'OVH ai un systeme de cache...

Perdu : http://www.ovh.com/fr/g1175.format_du_point_ovhconfig

essaye d'utiliser le mode development

delvauxo · March 19, 2014

Merci pour la ressource ! très instructif ;-)

Malheureusement ce n'est pas suffisant pour faire apparaitre mes modifs xD !

voici ce que j'ai mis dans mon fichier .ovhconfig à la racine de mon espace disque à savoir au même endroit que mon dossier "www"

app.engine=php
app.engine.version=5.4
http.firewall=none
environment=development

Par contre quand je met le code qui sert à desactiver PHP-FPM à savoir :

app.engine=phpcgi
app.engine.version=AUTO

Et bien lorsque j'actualise ma page il me met une erreur de type :

Parse error: syntax error, unexpected T_OBJECT_OPERATOR in /homez.798/studioks/www/index.php on line 28

Lorsque je vais voir ce qu'il se trouve à cette fameuse ligne 28 du fichier index.php, je trouve un dispatcher :

<?php
/*
* 2007-2013 PrestaShop
*
* NOTICE OF LICENSE
*
* This source file is subject to the Open Software License (OSL 3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/osl-3.0.php
* 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 [email protected] 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 http://www.prestashop.com for more information.
*
*  @author PrestaShop SA <[email protected]>
*  @copyright  2007-2013 PrestaShop SA
*  @license    http://opensource.org/licenses/osl-3.0.php  Open Software License (OSL 3.0)
*  International Registered Trademark & Property of PrestaShop SA
*/


require(dirname(__FILE__).'/config/config.inc.php');
Dispatcher::getInstance()->dispatch();

Pour infos sup voici le fichier config.inc.php :

<?php
/*
* 2007-2013 PrestaShop
*
* NOTICE OF LICENSE
*
* This source file is subject to the Open Software License (OSL 3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/osl-3.0.php
* 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 [email protected] 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 http://www.prestashop.com for more information.
*
*  @author PrestaShop SA <[email protected]>
*  @copyright  2007-2013 PrestaShop SA
*  @license    http://opensource.org/licenses/osl-3.0.php  Open Software License (OSL 3.0)
*  International Registered Trademark & Property of PrestaShop SA
*/


require_once(dirname(__FILE__).'/defines.inc.php');
$start_time = microtime(true);


/* SSL configuration */
define('_PS_SSL_PORT_', 443);


/* Improve PHP configuration to prevent issues */
ini_set('upload_max_filesize', '100M');
ini_set('default_charset', 'utf-8');
ini_set('magic_quotes_runtime', 0);


/* correct Apache charset (except if it's too late */
if (!headers_sent())
header('Content-Type: text/html; charset=utf-8');


/* No settings file? goto installer... */
if (!file_exists(dirname(__FILE__).'/settings.inc.php'))
{
$dir = ((substr($_SERVER['REQUEST_URI'], -1) == '/' || is_dir($_SERVER['REQUEST_URI'])) ? $_SERVER['REQUEST_URI'] : dirname($_SERVER['REQUEST_URI']).'/');
if (!file_exists(dirname(__FILE__).'/../install'))
die('Error: "install" directory is missing');
header('Location: install/');
exit;
}


require_once(dirname(__FILE__).'/settings.inc.php');


require_once(dirname(__FILE__).'/autoload.php');


if (_PS_DEBUG_PROFILING_)
{
include_once(_PS_TOOL_DIR_.'profiling/Controller.php');
include_once(_PS_TOOL_DIR_.'profiling/ObjectModel.php');
include_once(_PS_TOOL_DIR_.'profiling/Hook.php');
include_once(_PS_TOOL_DIR_.'profiling/Db.php');
include_once(_PS_TOOL_DIR_.'profiling/Tools.php');
}


if (Tools::isPHPCLI())
Tools::argvToGET($argc, $argv);


/* Redefine REQUEST_URI if empty (on some webservers...) */
if (!isset($_SERVER['REQUEST_URI']) || empty($_SERVER['REQUEST_URI']))
{
if (!isset($_SERVER['SCRIPT_NAME']) && isset($_SERVER['SCRIPT_FILENAME']))
$_SERVER['SCRIPT_NAME'] = $_SERVER['SCRIPT_FILENAME'];
if (isset($_SERVER['SCRIPT_NAME']))
{
if (basename($_SERVER['SCRIPT_NAME']) == 'index.php' && empty($_SERVER['QUERY_STRING']))
$_SERVER['REQUEST_URI'] = dirname($_SERVER['SCRIPT_NAME']).'/';
else
{
$_SERVER['REQUEST_URI'] = $_SERVER['SCRIPT_NAME'];
if (isset($_SERVER['QUERY_STRING']) && !empty($_SERVER['QUERY_STRING']))
$_SERVER['REQUEST_URI'] .= '?'.$_SERVER['QUERY_STRING'];
}
}
}


/* Trying to redefine HTTP_HOST if empty (on some webservers...) */
if (!isset($_SERVER['HTTP_HOST']) || empty($_SERVER['HTTP_HOST']))
$_SERVER['HTTP_HOST'] = @getenv('HTTP_HOST');


$context = Context::getContext();


/* Initialize the current Shop */
try 
{
$context->shop = Shop::initialize();
if (Tools::isEmpty($theme_name = $context->shop->getTheme()) && !defined('_PS_ADMIN_DIR_'))
  throw new PrestaShopException(Tools::displayError('Current theme unselected. Please check your theme configuration.'));
}
catch (PrestaShopException $e)
{
$e->displayMessage();
}


define('_THEME_NAME_', $theme_name);
define('__PS_BASE_URI__', $context->shop->getBaseURI());


/* Include all defines related to base uri and theme name */
require_once(dirname(__FILE__).'/defines_uri.inc.php');


global $_MODULES;
$_MODULES = array();


/* Load configuration */
Configuration::loadConfiguration();


/* Load all languages */
Language::loadLanguages();


/* Loading default country */
$defaultCountry = new Country(Configuration::get('PS_COUNTRY_DEFAULT'), Configuration::get('PS_LANG_DEFAULT'));
$context->country = $defaultCountry;


/* It is not safe to rely on the system's timezone settings, and this would generate a PHP Strict Standards notice. */
@date_default_timezone_set(Configuration::get('PS_TIMEZONE'));


/* Set locales */
$locale = strtolower(Configuration::get('PS_LOCALE_LANGUAGE')).'_'.strtoupper(Configuration::get('PS_LOCALE_COUNTRY').'.UTF-8');
setlocale(LC_COLLATE, $locale);
setlocale(LC_CTYPE, $locale);
setlocale(LC_TIME, $locale);
setlocale(LC_NUMERIC, 'en_US.UTF-8');


/* Instantiate cookie */




$cookie_lifetime = (int)(defined('_PS_ADMIN_DIR_') ? Configuration::get('PS_COOKIE_LIFETIME_BO') : Configuration::get('PS_COOKIE_LIFETIME_FO'));
$cookie_lifetime = time() + (max($cookie_lifetime, 1) * 3600);


if (defined('_PS_ADMIN_DIR_'))
$cookie = new Cookie('psAdmin', '', $cookie_lifetime);
else
{
if ($context->shop->getGroup()->share_order)
$cookie = new Cookie('ps-sg'.$context->shop->getGroup()->id, '', $cookie_lifetime, $context->shop->getUrlsSharedCart());
else
{
$domains = null;
if ($context->shop->domain != $context->shop->domain_ssl)
 $domains = array($context->shop->domain_ssl, $context->shop->domain);


$cookie = new Cookie('ps-s'.$context->shop->id, '', $cookie_lifetime, $domains);
}
}


$context->cookie = $cookie;


/* Create employee if in BO, customer else */
if (defined('_PS_ADMIN_DIR_'))
{
$employee = new Employee($cookie->id_employee);
$context->employee = $employee;


/* Auth on shops are recached after employee assignation */
if ($employee->id_profile != _PS_ADMIN_PROFILE_)
Shop::cacheShops(true);


$cookie->id_lang = (int)$employee->id_lang;
}


/* if the language stored in the cookie is not available language, use default language */
if (isset($cookie->id_lang) && $cookie->id_lang)
$language = new Language($cookie->id_lang);
if (!isset($language) || !Validate::isLoadedObject($language))
$language = new Language(Configuration::get('PS_LANG_DEFAULT'));
$context->language = $language;


if (!defined('_PS_ADMIN_DIR_'))
{
if (isset($cookie->id_customer) && (int)$cookie->id_customer)
{
$customer = new Customer($cookie->id_customer);
if(!Validate::isLoadedObject($customer))
$customer->logout();
else
{
$customer->logged = $cookie->logged;


if ($customer->id_lang != $context->language->id)
{
$customer->id_lang = $context->language->id;
$customer->update();
}
}
}


if (!isset($customer) || !Validate::isLoadedObject($customer))
{
$customer = new Customer();


// Change the default group
if (Group::isFeatureActive())
$customer->id_default_group = Configuration::get('PS_UNIDENTIFIED_GROUP');
}
$customer->id_guest = $cookie->id_guest;
$context->customer = $customer;
}


/* Link should also be initialized in the context here for retrocompatibility */
$https_link = (Tools::usingSecureMode() && Configuration::get('PS_SSL_ENABLED')) ? 'https://' : 'http://';
$context->link = new Link($https_link, $https_link);


/**
 * @deprecated : these defines are going to be deleted on 1.6 version of Prestashop
 * USE : Configuration::get() method in order to getting the id of order state
 */
define('_PS_OS_CHEQUE_',      Configuration::get('PS_OS_CHEQUE'));
define('_PS_OS_PAYMENT_',     Configuration::get('PS_OS_PAYMENT'));
define('_PS_OS_PREPARATION_', Configuration::get('PS_OS_PREPARATION'));
define('_PS_OS_SHIPPING_',    Configuration::get('PS_OS_SHIPPING'));
define('_PS_OS_DELIVERED_',   Configuration::get('PS_OS_DELIVERED'));
define('_PS_OS_CANCELED_',    Configuration::get('PS_OS_CANCELED'));
define('_PS_OS_REFUND_',      Configuration::get('PS_OS_REFUND'));
define('_PS_OS_ERROR_',       Configuration::get('PS_OS_ERROR'));
define('_PS_OS_OUTOFSTOCK_',  Configuration::get('PS_OS_OUTOFSTOCK'));
define('_PS_OS_BANKWIRE_',    Configuration::get('PS_OS_BANKWIRE'));
define('_PS_OS_PAYPAL_',      Configuration::get('PS_OS_PAYPAL'));
define('_PS_OS_WS_PAYMENT_', Configuration::get('PS_OS_WS_PAYMENT'));


/* Get smarty */
require_once(dirname(__FILE__).'/smarty.config.inc.php');
$context->smarty = $smarty;

Je ne sais pas trop si la solution se trouve de ce coté-là ou si au contraire je m'en éloigne... ?

Merci à toi coeos.pro

coeos.pro · March 19, 2014

voici ce que j'ai mis dans mon fichier .ovhconfig à la racine de mon espace disque à savoir au même endroit que mon dossier "www"

à coté de www, as tu essayé dedans ?

je ne sais pas si la modification est instantanée...

ton height: 444px; c'est ce que tu veux modifier ou ce que tu as modifié ?

delvauxo · March 19, 2014

Lorsque je télécharge le fichier css en question [global.css] directement du serveur, lorsque je vérifie la valeur de

#header-bg

et bien la valeur de

height

est bien de 444px comme je le voudrais !

Ce qui me laisse pensé qu'il s'agit bien d'un problème de cache...

Je suis sincèrement désespéré, j'ai suivi les différentes explications à travers plusieurs topics de différents forums pour vider et désactiver le cache. Et malheureusement, je n'obtiens toujours pas de résultat !!!

D'avance merci à ceux qui pourraient m'indiquer le chemin vers une éventuelle piste...

delvauxo · March 19, 2014

Je viens d'essayer en le mettant dans le dossier "www",

Le fichier .ovhconfig visant à désactiver PHP-FPM renvois la même erreur que lorsque le fichier était à l'extérieur de www.

Le fichier .ovhconfig visant à activer le mode development ne renvois aucune erreur lorsque le fichier est à l'intérieur mais ne change rien à mon problème...

Je prends l'initiative de remettre et laisser le fichier .ovhconfig en mode development à la racine disque à savoir à l'extérieur de www car c'est là qu'OVH prétend qu'il doit être.

Je pense qu'il s'agit là vraiment d'un problème de cache propre à PrestaShop...

DeyDDy · March 19, 2014

Bonsoir,

Comme le dit iXs certains hébergeurs ont leur système de cache

et ovh en fait partie il me semble

delvauxo · March 19, 2014

Bonsoir DeyDDy,

Effectivement comme me l'a fait remarqué coeos.pro plus haut dans le topic.
Malheureusement ca ne donne rien... Tu peux voir ce qu'on a tenté plus haut.

Merci à toi.

loulou66 · March 19, 2014

coucou

ton heard-bg est bien en height:444px

lorsque je fais F12 avec chrome ou firefox et que je sélectionne la ligne <div id="header-bg"></div> de ton site

sur l'écran j'ai comme dimension div#header-bg (1830px * 444px)

si ce n'est pas le cas chez toi vide le cache de ton navigateur

@++

loulou66

delvauxo · March 19, 2014

Salut Loulou66,

Effectivement j'ai installé chrome et mon head-bg est bien à 444px !

C'est incroyable parce-que j'utilise Opéra et IE et tous les deux ont ce problème alors que je vide le cache dans les options internet de chacun mais rien a faire...

Je vais donc rechercher comment vider le cache d'Opéra et de IE...

Si j'avais su...

En tout cas, un tout grand merci à toi Loulou66 et aux autres, j'aurais quand même appris quelques trucs intéressants.

Olivier

Problèmes modifications css front office

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Create an account or sign in to comment

Create an account

Sign in