[solved] Move slider from home to top

cubi · June 21, 2013

Hello guys .

I need some help about the slider. Probably that i'm not the only one who got some issues with that but i followed strictly that tutorial below

http://mypresta.eu/e...prestashop.html

Despite how clear and well explained is that tutorial, the fact is that my prestashop version is 1.5.4.1

And if I transplante my module to the top , it doesn't display the homeslider anymore.

I know the version is the very cause of my issue.

Does anybody know the answer ?

vekia · June 21, 2013

hello

this tut works in 1.5.4.1 well, please give me your modification (code) and i will check it

if it is possible - please give me url to your store.

cubi · June 21, 2013

Very quick!

thank you

here is my code :

public function hookdisplayTop(){

if(!$this->_prepareHook())

return;

if ($this->context->getMobileDevice() != false)

return false;

$this->context->controller->addJS($this->_path.'js/jquery.bxSlider.min.js');

$this->context->controller->addCSS($this->_path.'bx_styles.css');

$this->context->controller->addJS($this->_path.'js/homeslider.js');

return $this->display(__FILE__, 'homeslider.tpl');

}

public function hookDisplayHome()

{

if(!$this->_prepareHook())

return;

// Check if not a mobile theme

if ($this->context->getMobileDevice() != false)

return false;

$this->context->controller->addJS($this->_path.'js/jquery.bxSlider.min.js');

$this->context->controller->addCSS($this->_path.'bx_styles.css');

$this->context->controller->addJS($this->_path.'js/homeslider.js');

return $this->display(__FILE__, 'homeslider.tpl', $this->getCacheId());

}

Actually i'm testing that on localhost in order to prevent my future website from any mistakes^^

vekia · June 21, 2013

have you got also registerhook top in the install function

+ attach the tpl file please

cubi · June 21, 2013

I don't know if you are talking about that but i found out that code in Homeslider.php

{

/* Adds Module */

if (parent::install() && $this->registerHook('displayHome') && $this->registerHook('actionShopDataDuplication'))

{

/* Sets up configuration */

$res = Configuration::updateValue('HOMESLIDER_WIDTH', '535');

$res &= Configuration::updateValue('HOMESLIDER_HEIGHT', '300');

$res &= Configuration::updateValue('HOMESLIDER_SPEED', '500');

$res &= Configuration::updateValue('HOMESLIDER_PAUSE', '3000');

$res &= Configuration::updateValue('HOMESLIDER_LOOP', '1');

/* Creates tables */

$res &= $this->createTables();

/* Adds samples */

if ($res)

$this->installSamples();

return $res;

}

return false;

That's all i know so far about Install function an tpl file

Thanks !

vekia · June 22, 2013

i attached working homeslider.php file, please use it.

code allows to show module in the top section.

don't forget to reinstall module.

<?php

if (!defined('_PS_VERSION_'))
exit;
include_once(_PS_MODULE_DIR_.'homeslider/HomeSlide.php');
class HomeSlider extends Module
{
private $_html = '';
public function __construct()
{
 $this->name = 'homeslider';
 $this->tab = 'front_office_features';
 $this->version = '1.2.1';
 $this->author = 'PrestaShop';
 $this->need_instance = 0;
 $this->secure_key = Tools::encrypt($this->name);
 parent::__construct();
 $this->displayName = $this->l('Image slider for your homepage.');
 $this->description = $this->l('Adds an image slider to your homepage.');
}
/**
 * @see Module::install()
 */
public function install()
{
 /* Adds Module */
 if (parent::install() && $this->registerHook('displayHome') && $this->registerHook('displayTop') && $this->registerHook('actionShopDataDuplication'))
 {
  /* Sets up configuration */
  $res = Configuration::updateValue('HOMESLIDER_WIDTH', '535');
  $res &= Configuration::updateValue('HOMESLIDER_HEIGHT', '300');
  $res &= Configuration::updateValue('HOMESLIDER_SPEED', '500');
  $res &= Configuration::updateValue('HOMESLIDER_PAUSE', '3000');
  $res &= Configuration::updateValue('HOMESLIDER_LOOP', '1');
  /* Creates tables */
  $res &= $this->createTables();
  /* Adds samples */
  if ($res)
$this->installSamples();
  return $res;
 }
 return false;
}
/**
 * Adds samples
 */
private function installSamples()
{
 $languages = Language::getLanguages(false);
 for ($i = 1; $i <= 5; ++$i)
 {
  $slide = new HomeSlide();
  $slide->position = $i;
  $slide->active = 1;
  foreach ($languages as $language)
  {
$slide->title[$language['id_lang']] = 'Sample '.$i;
$slide->description[$language['id_lang']] = 'This is a sample picture';
$slide->legend[$language['id_lang']] = 'sample-'.$i;
$slide->url[$language['id_lang']] = 'http://www.prestashop.com';
$slide->image[$language['id_lang']] = 'sample-'.$i.'.jpg';
  }
  $slide->add();
 }
}
/**
 * @see Module::uninstall()
 */
public function uninstall()
{
 /* Deletes Module */
 if (parent::uninstall())
 {
  /* Deletes tables */
  $res = $this->deleteTables();
  /* Unsets configuration */
  $res &= Configuration::deleteByName('HOMESLIDER_WIDTH');
  $res &= Configuration::deleteByName('HOMESLIDER_HEIGHT');
  $res &= Configuration::deleteByName('HOMESLIDER_SPEED');
  $res &= Configuration::deleteByName('HOMESLIDER_PAUSE');
  $res &= Configuration::deleteByName('HOMESLIDER_LOOP');
  return $res;
 }
 return false;
}
/**
 * Creates tables
 */
protected function createTables()
{
 /* Slides */
 $res = (bool)Db::getInstance()->execute('
  CREATE TABLE IF NOT EXISTS `'._DB_PREFIX_.'homeslider` (
`id_homeslider_slides` int(10) unsigned NOT NULL AUTO_INCREMENT,
`id_shop` int(10) unsigned NOT NULL,
PRIMARY KEY (`id_homeslider_slides`, `id_shop`)
  ) ENGINE='._MYSQL_ENGINE_.' DEFAULT CHARSET=UTF8;
 ');
 /* Slides configuration */
 $res &= Db::getInstance()->execute('
  CREATE TABLE IF NOT EXISTS `'._DB_PREFIX_.'homeslider_slides` (
 `id_homeslider_slides` int(10) unsigned NOT NULL AUTO_INCREMENT,
 `position` int(10) unsigned NOT NULL DEFAULT \'0\',
 `active` tinyint(1) unsigned NOT NULL DEFAULT \'0\',
 PRIMARY KEY (`id_homeslider_slides`)
  ) ENGINE='._MYSQL_ENGINE_.' DEFAULT CHARSET=UTF8;
 ');
 /* Slides lang configuration */
 $res &= Db::getInstance()->execute('
  CREATE TABLE IF NOT EXISTS `'._DB_PREFIX_.'homeslider_slides_lang` (
 `id_homeslider_slides` int(10) unsigned NOT NULL,
 `id_lang` int(10) unsigned NOT NULL,
 `title` varchar(255) NOT NULL,
 `description` text NOT NULL,
 `legend` varchar(255) NOT NULL,
 `url` varchar(255) NOT NULL,
 `image` varchar(255) NOT NULL,
 PRIMARY KEY (`id_homeslider_slides`,`id_lang`)
  ) ENGINE='._MYSQL_ENGINE_.' DEFAULT CHARSET=UTF8;
 ');
 return $res;
}
/**
 * deletes tables
 */
protected function deleteTables()
{
 $slides = $this->getSlides();
 foreach ($slides as $slide)
 {
  $to_del = new HomeSlide($slide['id_slide']);
  $to_del->delete();
 }
 return Db::getInstance()->execute('
  DROP TABLE IF EXISTS `'._DB_PREFIX_.'homeslider`, `'._DB_PREFIX_.'homeslider_slides`, `'._DB_PREFIX_.'homeslider_slides_lang`;
 ');
}
public function getContent()
{
 $this->_html .= $this->headerHTML();
 $this->_html .= '<h2>'.$this->displayName.'.</h2>';
 /* Validate & process */
 if (Tools::isSubmit('submitSlide') || Tools::isSubmit('delete_id_slide') ||
  Tools::isSubmit('submitSlider') ||
  Tools::isSubmit('changeStatus'))
 {
  if ($this->_postValidation())
$this->_postProcess();
  $this->_displayForm();
 }
 elseif (Tools::isSubmit('addSlide') || (Tools::isSubmit('id_slide') && $this->slideExists((int)Tools::getValue('id_slide'))))
  $this->_displayAddForm();
 else
  $this->_displayForm();
 return $this->_html;
}
private function _displayForm()
{
 /* Gets Slides */
 $slides = $this->getSlides();
 /* Begin fieldset slider */
 $this->_html .= '
 <fieldset>
  <legend><img src="'._PS_BASE_URL_.__PS_BASE_URI__.'modules/'.$this->name.'/logo.gif" alt="" /> '.$this->l('Slider configuration').'</legend>';
 /* Begin form */
 $this->_html .= '<form action="'.Tools::safeOutput($_SERVER['REQUEST_URI']).'" method="post">';
 /* Height field */
 $this->_html .= '
  <label>'.$this->l('Height:').'</label>
  <div class="margin-form">
<input type="text" name="HOMESLIDER_HEIGHT" id="speed" size="3" value="'.Tools::safeOutput(Configuration::get('HOMESLIDER_HEIGHT')).'" /> px
  </div>';
 /* Width field */
 $this->_html .= '
 <label>'.$this->l('Width:').'</label>
 <div class="margin-form">
  <input type="text" name="HOMESLIDER_WIDTH" id="pause" size="3" value="'.Tools::safeOutput(Configuration::get('HOMESLIDER_WIDTH')).'" /> px
 </div>';
 /* Speed field */
 $this->_html .= '
  <label>'.$this->l('Speed:').'</label>
  <div class="margin-form">
<input type="text" name="HOMESLIDER_SPEED" id="speed" size="3" value="'.Tools::safeOutput(Configuration::get('HOMESLIDER_SPEED')).'" /> ms
  </div>';
 /* Pause field */
 $this->_html .= '
 <label>'.$this->l('Pause:').'</label>
 <div class="margin-form">
  <input type="text" name="HOMESLIDER_PAUSE" id="pause" size="3" value="'.Tools::safeOutput(Configuration::get('HOMESLIDER_PAUSE')).'" /> ms
 </div>';
 /* Loop field */
 $this->_html .= '
 <label for="loop_on">'.$this->l('Loop:').'</label>
 <div class="margin-form">
  <img src="../img/admin/enabled.gif" alt="Yes" title="Yes" />
  <input type="radio" name="HOMESLIDER_LOOP" id="loop_on" '.(Configuration::get('HOMESLIDER_LOOP') == 1 ? 'checked="checked"' : '').' value="1" />
  <label class="t" for="loop_on">'.$this->l('Yes').'</label>
  <img src="../img/admin/disabled.gif" alt="No" title="No" style="margin-left: 10px;" />
  <input type="radio" name="HOMESLIDER_LOOP" id="loop_off" '.(Configuration::get('HOMESLIDER_LOOP') == 0 ? 'checked="checked" ' : '').' value="0" />
  <label class="t" for="loop_off">'.$this->l('No').'</label>
 </div>';
 /* Save */
 $this->_html .= '
 <div class="margin-form">
  <input type="submit" class="button" name="submitSlider" value="'.$this->l('Save').'" />
 </div>';
 /* End form */
 $this->_html .= '</form>';
 /* End fieldset slider */
 $this->_html .= '</fieldset>';
 $this->_html .= '<br /><br />';
 /* Begin fieldset slides */
 $this->_html .= '
 <fieldset>
  <legend><img src="'._PS_BASE_URL_.__PS_BASE_URI__.'modules/'.$this->name.'/logo.gif" alt="" /> '.$this->l('Slides configuration').'</legend>
  <strong>
<a href="'.AdminController::$currentIndex.'&configure='.$this->name.'&token='.Tools::getAdminTokenLite('AdminModules').'&addSlide">
 <img src="'._PS_ADMIN_IMG_.'add.gif" alt="" /> '.$this->l('Add Slide').'
</a>
  </strong>';
 /* Display notice if there are no slides yet */
 if (!$slides)
  $this->_html .= '<p style="margin-left: 40px;">'.$this->l('You have not yet added any slides.').'</p>';
 else /* Display slides */
 {
  $this->_html .= '
  <div id="slidesContent" style="width: 400px; margin-top: 30px;">
<ul id="slides">';
  foreach ($slides as $slide)
  {
$this->_html .= '
 <li id="slides_'.$slide['id_slide'].'">
  <strong>#'.$slide['id_slide'].'</strong> '.$slide['title'].'
  <p style="float: right">'.
   $this->displayStatus($slide['id_slide'], $slide['active']).'
   <a href="'.AdminController::$currentIndex.'&configure='.$this->name.'&token='.Tools::getAdminTokenLite('AdminModules').'&id_slide='.(int)($slide['id_slide']).'" title="'.$this->l('Edit').'"><img src="'._PS_ADMIN_IMG_.'edit.gif" alt="" /></a>
   <a href="'.AdminController::$currentIndex.'&configure='.$this->name.'&token='.Tools::getAdminTokenLite('AdminModules').'&delete_id_slide='.(int)($slide['id_slide']).'" title="'.$this->l('Delete').'"><img src="'._PS_ADMIN_IMG_.'delete.gif" alt="" /></a>
  </p>
 </li>';
  }
  $this->_html .= '</ul></div>';
 }
 // End fieldset
 $this->_html .= '</fieldset>';
}
private function _displayAddForm()
{
 /* Sets Slide : depends if edited or added */
 $slide = null;
 if (Tools::isSubmit('id_slide') && $this->slideExists((int)Tools::getValue('id_slide')))
  $slide = new HomeSlide((int)Tools::getValue('id_slide'));
 /* Checks if directory is writable */
 if (!is_writable('.'))
  $this->adminDisplayWarning(sprintf($this->l('Modules %s must be writable (CHMOD 755 / 777)'), $this->name));
 /* Gets languages and sets which div requires translations */
 $id_lang_default = (int)Configuration::get('PS_LANG_DEFAULT');
 $languages = Language::getLanguages(false);
 $divLangName = 'image¤title¤url¤legend¤description';
 $this->_html .= '<script type="text/javascript">id_language = Number('.$id_lang_default.');</script>';
 /* Form */
 $this->_html .= '<form action="'.Tools::safeOutput($_SERVER['REQUEST_URI']).'" method="post" enctype="multipart/form-data">';
 /* Fieldset Upload */
 $this->_html .= '
 <fieldset class="width3">
  <br />
  <legend><img src="'._PS_ADMIN_IMG_.'add.gif" alt="" />1 - '.$this->l('Upload your slide').'</legend>';
 /* Image */
 $this->_html .= '<label>'.$this->l('Select a file:').' * </label><div class="margin-form">';
 foreach ($languages as $language)
 {
  $this->_html .= '<div id="image_'.$language['id_lang'].'" style="display: '.($language['id_lang'] == $id_lang_default ? 'block' : 'none').';float: left;">';
  $this->_html .= '<input type="file" name="image_'.$language['id_lang'].'" id="image_'.$language['id_lang'].'" size="30" value="'.(isset($slide->image[$language['id_lang']]) ? $slide->image[$language['id_lang']] : '').'"/>';
  /* Sets image as hidden in case it does not change */
  if ($slide && $slide->image[$language['id_lang']])
$this->_html .= '<input type="hidden" name="image_old_'.$language['id_lang'].'" value="'.($slide->image[$language['id_lang']]).'" id="image_old_'.$language['id_lang'].'" />';
  /* Display image */
  if ($slide && $slide->image[$language['id_lang']])
$this->_html .= '<input type="hidden" name="has_picture" value="1" /><img src="'.__PS_BASE_URI__.'modules/'.$this->name.'/images/'.$slide->image[$language['id_lang']].'" width="'.(Configuration::get('HOMESLIDER_WIDTH')/2).'" height="'.(Configuration::get('HOMESLIDER_HEIGHT')/2).'" alt=""/>';
  $this->_html .= '</div>';
 }
 $this->_html .= $this->displayFlags($languages, $id_lang_default, $divLangName, 'image', true);
 /* End Fieldset Upload */
 $this->_html .= '</fieldset><br /><br />';
 /* Fieldset edit/add */
 $this->_html .= '<fieldset class="width3">';
 if (Tools::isSubmit('addSlide')) /* Configure legend */
  $this->_html .= '<legend><img src="'._PS_ADMIN_IMG_.'add.gif" alt="" /> 2 - '.$this->l('Configure your slide').'</legend>';
 elseif (Tools::isSubmit('id_slide')) /* Edit legend */
  $this->_html .= '<legend><img src="'._PS_BASE_URL_.__PS_BASE_URI__.'modules/'.$this->name.'/logo.gif" alt="" /> 2 - '.$this->l('Edit your slide').'</legend>';
 /* Sets id slide as hidden */
 if ($slide && Tools::getValue('id_slide'))
  $this->_html .= '<input type="hidden" name="id_slide" value="'.$slide->id.'" id="id_slide" />';
 /* Sets position as hidden */
 $this->_html .= '<input type="hidden" name="position" value="'.(($slide != null) ? ($slide->position) : ($this->getNextPosition())).'" id="position" />';
 /* Form content */
 /* Title */
 $this->_html .= '<br /><label>'.$this->l('Title:').' * </label><div class="margin-form">';
 foreach ($languages as $language)
 {
  $this->_html .= '
 <div id="title_'.$language['id_lang'].'" style="display: '.($language['id_lang'] == $id_lang_default ? 'block' : 'none').';float: left;">
  <input type="text" name="title_'.$language['id_lang'].'" id="title_'.$language['id_lang'].'" size="30" value="'.(isset($slide->title[$language['id_lang']]) ? $slide->title[$language['id_lang']] : '').'"/>
 </div>';
 }
 $this->_html .= $this->displayFlags($languages, $id_lang_default, $divLangName, 'title', true);
 $this->_html .= '</div><br /><br />';
 /* URL */
 $this->_html .= '<label>'.$this->l('URL:').' * </label><div class="margin-form">';
 foreach ($languages as $language)
 {
  $this->_html .= '
 <div id="url_'.$language['id_lang'].'" style="display: '.($language['id_lang'] == $id_lang_default ? 'block' : 'none').';float: left;">
  <input type="text" name="url_'.$language['id_lang'].'" id="url_'.$language['id_lang'].'" size="30" value="'.(isset($slide->url[$language['id_lang']]) ? $slide->url[$language['id_lang']] : '').'"/>
 </div>';
 }
 $this->_html .= $this->displayFlags($languages, $id_lang_default, $divLangName, 'url', true);
 $this->_html .= '</div><br /><br />';
 /* Legend */
 $this->_html .= '<label>'.$this->l('Legend:').' * </label><div class="margin-form">';
 foreach ($languages as $language)
 {
  $this->_html .= '
 <div id="legend_'.$language['id_lang'].'" style="display: '.($language['id_lang'] == $id_lang_default ? 'block' : 'none').';float: left;">
  <input type="text" name="legend_'.$language['id_lang'].'" id="legend_'.$language['id_lang'].'" size="30" value="'.(isset($slide->legend[$language['id_lang']]) ? $slide->legend[$language['id_lang']] : '').'"/>
 </div>';
 }
 $this->_html .= $this->displayFlags($languages, $id_lang_default, $divLangName, 'legend', true);
 $this->_html .= '</div><br /><br />';
 /* Description */
 $this->_html .= '
 <label>'.$this->l('Description:').' </label>
 <div class="margin-form">';
 foreach ($languages as $language)
 {
  $this->_html .= '<div id="description_'.$language['id_lang'].'" style="display: '.($language['id_lang'] == $id_lang_default ? 'block' : 'none').';float: left;">
<textarea name="description_'.$language['id_lang'].'" rows="10" cols="29">'.(isset($slide->description[$language['id_lang']]) ? $slide->description[$language['id_lang']] : '').'</textarea>
  </div>';
 }
 $this->_html .= $this->displayFlags($languages, $id_lang_default, $divLangName, 'description', true);
 $this->_html .= '</div><div class="clear"></div><br />';
 /* Active */
 $this->_html .= '
 <label for="active_on">'.$this->l('Active:').'</label>
 <div class="margin-form">
  <img src="../img/admin/enabled.gif" alt="Yes" title="Yes" />
  <input type="radio" name="active_slide" id="active_on" '.(($slide && (isset($slide->active) && (int)$slide->active == 0)) ? '' : 'checked="checked" ').' value="1" />
  <label class="t" for="active_on">'.$this->l('Yes').'</label>
  <img src="../img/admin/disabled.gif" alt="No" title="No" style="margin-left: 10px;" />
  <input type="radio" name="active_slide" id="active_off" '.(($slide && (isset($slide->active) && (int)$slide->active == 0)) ? 'checked="checked" ' : '').' value="0" />
  <label class="t" for="active_off">'.$this->l('No').'</label>
 </div>';
 /* Save */
 $this->_html .= '
 <p class="center">
  <input type="submit" class="button" name="submitSlide" value="'.$this->l('Save').'" />
  <a class="button" style="position:relative; padding:3px 3px 4px 3px; top:1px" href="'.AdminController::$currentIndex.'&configure='.$this->name.'&token='.Tools::getAdminTokenLite('AdminModules').'">'.$this->l('Cancel').'</a>
 </p>';
 /* End of fieldset & form */
 $this->_html .= '
  <p>*'.$this->l('Required fields').'</p>
  </fieldset>
 </form>';
}
private function _postValidation()
{
 $errors = array();
 /* Validation for Slider configuration */
 if (Tools::isSubmit('submitSlider'))
 {
  if (!Validate::isInt(Tools::getValue('HOMESLIDER_SPEED')) || !Validate::isInt(Tools::getValue('HOMESLIDER_PAUSE')) ||
!Validate::isInt(Tools::getValue('HOMESLIDER_WIDTH')) || !Validate::isInt(Tools::getValue('HOMESLIDER_HEIGHT')))
 $errors[] = $this->l('Invalid values');
 } /* Validation for status */
 elseif (Tools::isSubmit('changeStatus'))
 {
  if (!Validate::isInt(Tools::getValue('id_slide')))
$errors[] = $this->l('Invalid slide');
 }
 /* Validation for Slide */
 elseif (Tools::isSubmit('submitSlide'))
 {
  /* Checks state (active) */
  if (!Validate::isInt(Tools::getValue('active_slide')) || (Tools::getValue('active_slide') != 0 && Tools::getValue('active_slide') != 1))
$errors[] = $this->l('Invalid slide state');
  /* Checks position */
  if (!Validate::isInt(Tools::getValue('position')) || (Tools::getValue('position') < 0))
$errors[] = $this->l('Invalid slide position');
  /* If edit : checks id_slide */
  if (Tools::isSubmit('id_slide'))
  {
if (!Validate::isInt(Tools::getValue('id_slide')) && !$this->slideExists(Tools::getValue('id_slide')))
 $errors[] = $this->l('Invalid id_slide');
  }
  /* Checks title/url/legend/description/image */
  $languages = Language::getLanguages(false);
  foreach ($languages as $language)
  {
if (Tools::strlen(Tools::getValue('title_'.$language['id_lang'])) > 255)
 $errors[] = $this->l('The title is too long.');
if (Tools::strlen(Tools::getValue('legend_'.$language['id_lang'])) > 255)
 $errors[] = $this->l('The legend is too long.');
if (Tools::strlen(Tools::getValue('url_'.$language['id_lang'])) > 255)
 $errors[] = $this->l('The URL is too long.');
if (Tools::strlen(Tools::getValue('description_'.$language['id_lang'])) > 4000)
 $errors[] = $this->l('The description is too long.');
if (Tools::strlen(Tools::getValue('url_'.$language['id_lang'])) > 0 && !Validate::isUrl(Tools::getValue('url_'.$language['id_lang'])))
 $errors[] = $this->l('The URL format is not correct.');
if (Tools::getValue('image_'.$language['id_lang']) != null && !Validate::isFileName(Tools::getValue('image_'.$language['id_lang'])))
 $errors[] = $this->l('Invalid filename');
if (Tools::getValue('image_old_'.$language['id_lang']) != null && !Validate::isFileName(Tools::getValue('image_old_'.$language['id_lang'])))
 $errors[] = $this->l('Invalid filename');
  }
  /* Checks title/url/legend/description for default lang */
  $id_lang_default = (int)Configuration::get('PS_LANG_DEFAULT');
  if (Tools::strlen(Tools::getValue('title_'.$id_lang_default)) == 0)
$errors[] = $this->l('The title is not set.');
  if (Tools::strlen(Tools::getValue('legend_'.$id_lang_default)) == 0)
$errors[] = $this->l('The legend is not set.');
  if (Tools::strlen(Tools::getValue('url_'.$id_lang_default)) == 0)
$errors[] = $this->l('The URL is not set.');
  if (!Tools::isSubmit('has_picture') && (!isset($_FILES['image_'.$id_lang_default]) || empty($_FILES['image_'.$id_lang_default]['tmp_name'])))
$errors[] = $this->l('The image is not set.');
  if (Tools::getValue('image_old_'.$id_lang_default) && !Validate::isFileName(Tools::getValue('image_old_'.$id_lang_default)))
$errors[] = $this->l('The image is not set.');
 } /* Validation for deletion */
 elseif (Tools::isSubmit('delete_id_slide') && (!Validate::isInt(Tools::getValue('delete_id_slide')) || !$this->slideExists((int)Tools::getValue('delete_id_slide'))))
  $errors[] = $this->l('Invalid id_slide');
 /* Display errors if needed */
 if (count($errors))
 {
  $this->_html .= $this->displayError(implode('<br />', $errors));
  return false;
 }
 /* Returns if validation is ok */
 return true;
}
private function _postProcess()
{
 $errors = array();
 /* Processes Slider */
 if (Tools::isSubmit('submitSlider'))
 {
  $res = Configuration::updateValue('HOMESLIDER_WIDTH', (int)Tools::getValue('HOMESLIDER_WIDTH'));
  $res &= Configuration::updateValue('HOMESLIDER_HEIGHT', (int)Tools::getValue('HOMESLIDER_HEIGHT'));
  $res &= Configuration::updateValue('HOMESLIDER_SPEED', (int)Tools::getValue('HOMESLIDER_SPEED'));
  $res &= Configuration::updateValue('HOMESLIDER_PAUSE', (int)Tools::getValue('HOMESLIDER_PAUSE'));
  $res &= Configuration::updateValue('HOMESLIDER_LOOP', (int)Tools::getValue('HOMESLIDER_LOOP'));
  $this->clearCache();  
  if (!$res)
$errors[] = $this->displayError($this->l('The configuration could not be updated.'));
  $this->_html .= $this->displayConfirmation($this->l('Configuration updated'));
 } /* Process Slide status */
 elseif (Tools::isSubmit('changeStatus') && Tools::isSubmit('id_slide'))
 {
  $slide = new HomeSlide((int)Tools::getValue('id_slide'));
  if ($slide->active == 0)
$slide->active = 1;
  else
$slide->active = 0;
  $res = $slide->update();
  $this->clearCache();
  $this->_html .= ($res ? $this->displayConfirmation($this->l('Configuration updated')) : $this->displayError($this->l('The configuration could not be updated.')));
 }
 /* Processes Slide */
 elseif (Tools::isSubmit('submitSlide'))
 {
  /* Sets ID if needed */
  if (Tools::getValue('id_slide'))
  {
$slide = new HomeSlide((int)Tools::getValue('id_slide'));
if (!Validate::isLoadedObject($slide))
{
 $this->_html .= $this->displayError($this->l('Invalid id_slide'));
 return;
}
  }
  else
$slide = new HomeSlide();
  /* Sets position */
  $slide->position = (int)Tools::getValue('position');
  /* Sets active */
  $slide->active = (int)Tools::getValue('active_slide');
  /* Sets each langue fields */
  $languages = Language::getLanguages(false);
  foreach ($languages as $language)
  {
$slide->title[$language['id_lang']] = Tools::getValue('title_'.$language['id_lang']);
$slide->url[$language['id_lang']] = Tools::getValue('url_'.$language['id_lang']);
$slide->legend[$language['id_lang']] = Tools::getValue('legend_'.$language['id_lang']);
$slide->description[$language['id_lang']] = Tools::getValue('description_'.$language['id_lang']);
/* Uploads image and sets slide */
$type = strtolower(substr(strrchr($_FILES['image_'.$language['id_lang']]['name'], '.'), 1));
$imagesize = array();
$imagesize = @getimagesize($_FILES['image_'.$language['id_lang']]['tmp_name']);
if (isset($_FILES['image_'.$language['id_lang']]) &&
 isset($_FILES['image_'.$language['id_lang']]['tmp_name']) &&
 !empty($_FILES['image_'.$language['id_lang']]['tmp_name']) &&
 !empty($imagesize) &&
 in_array(strtolower(substr(strrchr($imagesize['mime'], '/'), 1)), array('jpg', 'gif', 'jpeg', 'png')) &&
 in_array($type, array('jpg', 'gif', 'jpeg', 'png')))
{
 $temp_name = tempnam(_PS_TMP_IMG_DIR_, 'PS');
 $salt = sha1(microtime());
 if ($error = ImageManager::validateUpload($_FILES['image_'.$language['id_lang']]))
  $errors[] = $error;
 elseif (!$temp_name || !move_uploaded_file($_FILES['image_'.$language['id_lang']]['tmp_name'], $temp_name))
  return false;
 elseif (!ImageManager::resize($temp_name, dirname(__FILE__).'/images/'.Tools::encrypt($_FILES['image_'.$language['id_lang']]['name'].$salt).'.'.$type, null, null, $type))
  $errors[] = $this->displayError($this->l('An error occurred during the image upload process.'));
 if (isset($temp_name))
  @unlink($temp_name);
 $slide->image[$language['id_lang']] = Tools::encrypt($_FILES['image_'.($language['id_lang'])]['name'].$salt).'.'.$type;
}
elseif (Tools::getValue('image_old_'.$language['id_lang']) != '')
 $slide->image[$language['id_lang']] = Tools::getValue('image_old_'.$language['id_lang']);
  }
  /* Processes if no errors  */
  if (!$errors)
  {
/* Adds */
if (!Tools::getValue('id_slide'))
{
 if (!$slide->add())
  $errors[] = $this->displayError($this->l('The slide could not be added.'));
}
/* Update */
elseif (!$slide->update())
 $errors[] = $this->displayError($this->l('The slide could not be updated.'));
$this->clearCache();
  }
 } /* Deletes */
 elseif (Tools::isSubmit('delete_id_slide'))
 {
  $slide = new HomeSlide((int)Tools::getValue('delete_id_slide'));
  $res = $slide->delete();
  $this->clearCache();
  if (!$res)
$this->_html .= $this->displayError('Could not delete');
  else
$this->_html .= $this->displayConfirmation($this->l('Slide deleted'));
 }
 /* Display errors if needed */
 if (count($errors))
  $this->_html .= $this->displayError(implode('<br />', $errors));
 elseif (Tools::isSubmit('submitSlide') && Tools::getValue('id_slide'))
  $this->_html .= $this->displayConfirmation($this->l('Slide updated'));
 elseif (Tools::isSubmit('submitSlide'))
  $this->_html .= $this->displayConfirmation($this->l('Slide added'));
}
private function _prepareHook()
{
 if (!$this->isCached('homeslider.tpl', $this->getCacheId()))
 {
  $slider = array(
'width' => Configuration::get('HOMESLIDER_WIDTH'),
'height' => Configuration::get('HOMESLIDER_HEIGHT'),
'speed' => Configuration::get('HOMESLIDER_SPEED'),
'pause' => Configuration::get('HOMESLIDER_PAUSE'),
'loop' => Configuration::get('HOMESLIDER_LOOP'),
  );
  $slides = $this->getSlides(true);
  if (!$slides)
return false;
  $this->smarty->assign('homeslider_slides', $slides);
  $this->smarty->assign('homeslider', $slider);
 }
 return true;
}
public function hookDisplayTop()
{
 if(!$this->_prepareHook())
  return;
 // Check if not a mobile theme
 if ($this->context->getMobileDevice() != false)
  return false;
 $this->context->controller->addJS($this->_path.'js/jquery.bxSlider.min.js');
 $this->context->controller->addCSS($this->_path.'bx_styles.css');
 $this->context->controller->addJS($this->_path.'js/homeslider.js');
 return $this->display(__FILE__, 'homeslider.tpl', $this->getCacheId());
}
public function clearCache()
{
 $this->_clearCache('homeslider.tpl');
}
public function hookActionShopDataDuplication($params)
{
 Db::getInstance()->execute('
 INSERT IGNORE INTO '._DB_PREFIX_.'homeslider (id_homeslider_slides, id_shop)
 SELECT id_homeslider_slides, '.(int)$params['new_id_shop'].'
 FROM '._DB_PREFIX_.'homeslider
 WHERE id_shop = '.(int)$params['old_id_shop']);
 $this->clearCache();
}
public function headerHTML()
{
 if (Tools::getValue('controller') != 'AdminModules' && Tools::getValue('configure') != $this->name)
  return;
 $this->context->controller->addJqueryUI('ui.sortable');
 /* Style & js for fieldset 'slides configuration' */
 $html = '
 <style>
 #slides li {
  list-style: none;
  margin: 0 0 4px 0;
  padding: 10px;
  background-color: #F4E6C9;
  border: #CCCCCC solid 1px;
  color:#000;
 }
 </style>
 <script type="text/javascript" src="'.__PS_BASE_URI__.'js/jquery/jquery-ui.will.be.removed.in.1.6.js"></script>
 <script type="text/javascript">
  $(function() {
var $mySlides = $("#slides");
$mySlides.sortable({
 opacity: 0.6,
 cursor: "move",
 update: function() {
  var order = $(this).sortable("serialize") + "&action=updateSlidesPosition";
  $.post("'._PS_BASE_URL_.__PS_BASE_URI__.'modules/'.$this->name.'/ajax_'.$this->name.'.php?secure_key='.$this->secure_key.'", order);
  }
 });
$mySlides.hover(function() {
 $(this).css("cursor","move");
 },
 function() {
 $(this).css("cursor","auto");
});
  });
 </script>';
 return $html;
}
public function getNextPosition()
{
 $row = Db::getInstance(_PS_USE_SQL_SLAVE_)->getRow('
SELECT MAX(hss.`position`) AS `next_position`
FROM `'._DB_PREFIX_.'homeslider_slides` hss, `'._DB_PREFIX_.'homeslider` hs
WHERE hss.`id_homeslider_slides` = hs.`id_homeslider_slides` AND hs.`id_shop` = '.(int)$this->context->shop->id
 );
 return (++$row['next_position']);
}
public function getSlides($active = null)
{
 $this->context = Context::getContext();
 $id_shop = $this->context->shop->id;
 $id_lang = $this->context->language->id;
 return Db::getInstance(_PS_USE_SQL_SLAVE_)->executeS('
  SELECT hs.`id_homeslider_slides` as id_slide,
	hssl.`image`,
	hss.`position`,
	hss.`active`,
	hssl.`title`,
	hssl.`url`,
	hssl.`legend`,
	hssl.`description`
  FROM '._DB_PREFIX_.'homeslider hs
  LEFT JOIN '._DB_PREFIX_.'homeslider_slides hss ON (hs.id_homeslider_slides = hss.id_homeslider_slides)
  LEFT JOIN '._DB_PREFIX_.'homeslider_slides_lang hssl ON (hss.id_homeslider_slides = hssl.id_homeslider_slides)
  WHERE (id_shop = '.(int)$id_shop.')
  AND hssl.id_lang = '.(int)$id_lang.
  ($active ? ' AND hss.`active` = 1' : ' ').'
  ORDER BY hss.position');
}
public function displayStatus($id_slide, $active)
{
 $title = ((int)$active == 0 ? $this->l('Disabled') : $this->l('Enabled'));
 $img = ((int)$active == 0 ? 'disabled.gif' : 'enabled.gif');
 $html = '<a href="'.AdminController::$currentIndex.
'&configure='.$this->name.'
&token='.Tools::getAdminTokenLite('AdminModules').'
&changeStatus&id_slide='.(int)$id_slide.'" title="'.$title.'"><img src="'._PS_ADMIN_IMG_.''.$img.'" alt="" /></a>';
 return $html;
}
public function slideExists($id_slide)
{
 $req = 'SELECT hs.`id_homeslider_slides` as id_slide
FROM `'._DB_PREFIX_.'homeslider` hs
WHERE hs.`id_homeslider_slides` = '.(int)$id_slide;
 $row = Db::getInstance(_PS_USE_SQL_SLAVE_)->getRow($req);
 return ($row);
}
}

vekia · June 22, 2013

home slider of course, not homefeatured

cubi · June 22, 2013

Thanks a lot Vekia,

I replaced it ! it works very well . what kind of magic? did You force the slider to be shown ?

Anyway many thanks! you saved my life,

So I recap for those who are in my case with the 1.5.4.1 prestashop and the slider never show up:

First follow the Vekia tutorial below:

http://mypresta.eu/e...prestashop.html

If it doesn't work, replace your original Homeslider.php by the Vekia's homeslider.php which allow to show the slider.

Ps: I was gonna reply " why homefeatured" ^^ ,

vekia · June 22, 2013

Thanks a lot Vekia,

(...)

Ps: I was gonna reply " why homefeatured" ^^ ,

you're welcome

with homefeatured ... it was my mistake, i don't know why i wrote about homefeatured LOL

anyway, im going to mark this thread as [solved]

regards!

hetsfield · July 25, 2013

Dear Vekia,

it's my first post on this forum and i followed your instructions to move on to the top the slider, it works flawless. Thanks.

But i do have 2 questions related to this modification :

1) now that i uploaded pics on my slider, they correctly appear on the default language ( FR ) but when i switch to another language from the selector, the image won't be visible and it seems it can t connect the image to the second language of my website. Any help ?

2) Can i change the Caroussel tool slider color button ? ( yellow isn't my favorite ). I guess from css or any other file ?

With thanks,

Hetsfield.

vekia · July 25, 2013

1) go to the module configuration page and make sure that you have image slider defined for each language:

2) you can change the button colors, just edit the image: /modules/homeslider/gray_pager.png

hetsfield · July 25, 2013

Thanks a lot.

1) & 2) work fine.

hetsfield.

vekia · July 25, 2013

you're welcome

glad that it works for you now

btw. welcome on board!

Tatttoo · August 13, 2013

Hello, Another problem im having. I have been trying to do this modification for some time now. At one time i could only get it to display on the bottom just above the footer. I have replaced all the code in my homeslider.php file with the one provided above. I then uninstalled the module then re-installed, added a picture then hooked it to the top of page. there is no other hook for homeslider i have deleted added all kinds of ways to get to work i just cant get it any and all help would be appreciated. thank you

WebSite- HERE

Tatttoo · August 13, 2013

Hello, Any help would be greatly appreciated. I have added the code, deleted all other hooks for this module and hooked it to the displaytop. I got the - The module transplanted successfully to the hook. but when i go to my home page there is no slider anywhere? Also.. I want it to show on each page. Thank you

vekia · August 14, 2013

reinstall the module, then it should appear. if not

you can try with this one: homeslider on top module modification

Tatttoo · August 14, 2013

Thank you for your help. I tried reinstalling the module it didnt work. So i installed the module that you gave me the link to.its close to being on the top. I have made the changes to the bx_styles.css file it still didnt move it.

vekia · August 14, 2013

hello

it looks like simple css / js issue

i checked your website and unfortunately there is no slider

have you got any test environment where it is possible to check your code?

Tatttoo · August 14, 2013

Ya i disabled it. No i dont have any test site or another environment. Ill put it back on and leave it that way. I really would like this added to my site. thank you

vekia · August 14, 2013

to the:

.bx-wrapper add top:-30px; background: #ececec; and remove: border: 1px solid #d2d2d2; (in //themes/thgr00027/css/modules/homeslider/bx_styles.css)
#page add margin-top: 480px; (in /themes/thgr00027/css/global.css)

effect:

Tatttoo · August 14, 2013

Thank you again vekia. But i really dont know what im doing? I dont know how to add code, if i hit enter to start a new line put spaces in etc. this is what i have in the file.

/* @override http://localhost/bxslider_v3_plugin/css/styles.css */
/*
* To change the color scheme of slider change each
* background property for each of the five styles below
*/
.bx-window {margin-bottom:20px;}
.bx-wrapper {
margin-bottom:20px;
height:300px
}

/*next button*/
.bx-next {
display:none;
position:absolute;
top:40%;
right:-50px;
z-index:999;
width: 30px;
height: 30px;
text-indent: -999999px;
background: url(gray_next.png) no-repeat 0 -30px;
}
/*previous button*/
.bx-prev {
display:none;
position:absolute;
top:40%;
left:-50px;
z-index:999;
width: 30px;
height: 30px;
text-indent: -999999px;
background: url(gray_prev.png) no-repeat 0 -30px;
}
/*pager links*/
.bx-pager {
  position: absolute;
  bottom: 20px;
bottom:40px !ie;/* hack ie7 */
right: 15px;
padding-top: 7px;
font-size:11px;
color:#666;
text-align:center;
}
.bx-pager a {
display:inline-block;
zoom:1;
margin-right: 5px;
padding:4px 0 0 1px;
height:16px;/* 19 */
width:18px;/* 19 */
font-weight:bold;
font-size: 11px;
color:#000;
text-decoration:none;
background:url(gray_pager.png) no-repeat 0 -20px;
}
/*
* End color scheme styles
*/

/*next/prev button hover state*/
.bx-next:hover,
.bx-prev:hover {
background-position: 0 0;
}
/*pager links hover and active states*/
.bx-pager .pager-active,
.bx-pager a:hover {
color:#fff;
text-decoration:none;
background-position: 0 0;
}
/*captions*/
.bx-captions {
text-align:center;
font-size: 12px;
padding: 7px 0;
color: #666;
}
/*auto controls*/
.bx-auto {
text-align: center;
padding-top: 15px;
}
.bx-auto a {
color: #666;
font-size: 12px;
}

Edited August 14, 2013 by Tatttoo (see edit history)

Tatttoo · August 14, 2013

Yes!!! I got the step 2 . Still working on step one.

Step 2 moved it up but the step one moved it to the left?

( edit )

Now im thinking i didnt do step 2 right I dont know how to add code. With all the spaces and different layers that the text is on its confusing to me.

/* ##################################################################################################
PRESTASHOP CSS
################################################################################################## */
@import url("grid_prestashop.css");
/* ****************************************************************************
 reset
**************************************************************************** */
html{
color:#000;
background:#fff
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:inherit;font-weight:inherit}
del,ins{text-decoration:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:baseline}
sub{vertical-align:baseline}
legend{color:#000}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button,textarea,select{font-size:100%}
a {cursor:pointer}
.clearfix:before,
.clearfix:after {
content: ".";
display: block;
height: 0;
overflow: hidden
}
.clearfix:after {clear: both}
.clearfix {zoom: 1}

/* ************************************************************************************************
 structure
************************************************************************************************ */
#page {background:#ececec;}
    margin-top: 480px;
#header {
 z-index:10;
 width: 100%;
 margin:0 auto;
 height:190px;
 border-top:10px;
 background:url(../img/bg/bgH001.png) repeat-x scroll left top #666;
 box-shadow: 1px 1px 12px #555;}
.header_container {width: 980px;margin:0 auto;}
#columns {padding:12px 10px 10px;z-index:1}
 #left_column {}
 #center_column {}
 #right_column {}
#footer {width: 100%;margin:0 auto;}
.footer_container {width: 980px;margin:0 auto;}

/* ************************************************************************************************
 generic style
************************************************************************************************ */
body{
font:normal 11px/14px Arial, Verdana, sans-serif;
color:#222;
background:#c2c2c2 url(../img/bg/bg0027.jpg) left top; /* color background */
}
/* positionnement ****************************************************************************** */
.hidden {display:none}
.f_right {float:right}
p.center {text-align:center}
.clearBoth {clear:both}
/* title *************************************************************************************** */
h1 {
background: none repeat scroll 0 0 #333;
   /*border: 1px solid #CCCCCC;*/
   -moz-border-radius: 17px;
-webkit-border-radius: 17px;
border-radius: 17px;
   font-size: 24px;
   height: 20px;
   line-height: 17px;
   margin-bottom: 15px;
   padding: 8px;
text-indent:0.3em;
color:#fff;
}
h2 {
padding-bottom:20px;
font-size:18px
}
h3 {
padding-bottom:20px;
font-size:16px
}
h4 {
padding-bottom:20px;
font-size:14px;
}
.hide-left-column #left_column {display:none}
.hide-left-column #center_column {width:747px}
/* text **************************************************************************************** */
p {padding-bottom:20px}
p em {font-style:italic}
.warning {
margin:0 0 10px 0;
padding:10px;
border:1px solid #e6db55;
font-size:13px;
background:#ffffe0
}
.success {
margin:0 0 10px 0;
padding:10px;
border:1px solid #5cff74;
font-size:13px;
background: #d3ffab;
-moz-border-radius-top: 17px;
-webkit-border-top-radius: 17px;
border-top-radius: 17px;
}
.error {
margin:0 0 10px 0;
padding:10px;
border:1px solid #990000;
font-size:13px;
background:#ffcccc
}
.error ol {margin-left:20px}
.error p.lnk {
margin-top:20px;
padding:0;
font-size:11px
}
.required {color:#990000}
/* link **************************************************************************************** */
a, a:active, a:visited {
color:#333;
text-decoration:none;
outline: medium none
}
a:hover {text-decoration:underline}
/*buttons ************************************************************************************** */
input.button_mini, input.button_small, input.button, input.button_large,
input.button_mini_disabled, input.button_small_disabled, input.button_disabled, input.button_large_disabled,
input.exclusive_mini, input.exclusive_small, input.exclusive, input.exclusive_large,
input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled,
a.button_mini, a.button_small, a.button, a.button_large,
a.exclusive_mini, a.exclusive_small, a.exclusive, a.exclusive_large,
span.button_mini, span.button_small, span.button, span.button_large,
span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large, span.exclusive_large_disabled {
position:relative;
display:inline-block;
padding:5px 7px;
border:1px solid #333;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
font-weight:bold;
color:#fff;
background:url(../img/bg_bt.gif) repeat-x 0 0 #f4b61b;
cursor: pointer;
}
*:first-child+html input.button_mini, *:first-child+html input.button_small, *:first-child+html input.button, *:first-child+html input.button_large,
*:first-child+html input.button_mini_disabled, *:first-child+html input.button_small_disabled, *:first-child+html input.button_disabled, *:first-child+html input.button_large_disabled,
*:first-child+html input.exclusive_mini, *:first-child+html input.exclusive_small, *:first-child+html input.exclusive, *:first-child+html input.exclusive_large,
*:first-child+html input.exclusive_mini_disabled, *:first-child+html input.exclusive_small_disabled, *:first-child+html input.exclusive_disabled, *:first-child+html input.exclusive_large_disabled {
border:none
}

/* input button */
input.button_mini, input.button_small, input.button, input.button_large,
input.button_mini_disabled, input.button_small_disabled, input.button_disabled, input.button_large_disabled,
input.exclusive_mini, input.exclusive_small, input.exclusive, input.exclusive_large,
input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled {
/*padding-bottom: 2px*/
}
/* disabled button */
input.button_mini_disabled, input.button_small_disabled, input.button_disabled, input.button_large_disabled,
input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled,
span.button_mini, span.button_small, span.button, span.button_large,
span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large, span.exclusive_large_disabled {
/*background-position: left -36px;
cursor: default;
color: #888!important*/
}
/* exclusive button */
input.exclusive_mini, input.exclusive_small, input.exclusive, input.exclusive_large,
input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled,
a.exclusive_mini, a.exclusive_small, a.exclusive, a.exclusive_large,
span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large, span.exclusive_large_disabled {
/*color: white!important*/
}
/* exclusive disabled button */
input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled, span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large {
/*color: #488c40!important*/
}
/* hover button */
input.button_mini:hover, input.button_small:hover, input.button:hover, input.button_large:hover,
input.exclusive_mini:hover, input.exclusive_small:hover, input.exclusive:hover, input.exclusive_large:hover,
a.button_mini:hover, a.button_small:hover, a.button:hover, a.button_large:hover,
a.exclusive_mini:hover, a.exclusive_small:hover, a.exclusive:hover, a.exclusive_large:hover {
text-decoration:none;
background-position: left -50px
}
/* exclusive hover button */
input.exclusive_mini:hover, input.exclusive_small:hover, input.exclusive:hover, input.exclusive_large:hover, a.exclusive_mini:hover, a.exclusive_small:hover, a.exclusive:hover, a.exclusive_large:hover {
/*color: white!important*/
}
/* active button */
input.button_mini:active, input.button_small:active, input.button:active, input.button_large:active,
input.exclusive_mini:active, input.exclusive_small:active, input.exclusive:active, input.exclusive_large:active,
a.button_mini:active, a.button_small:active, a.button:active, a.button_large:active,
a.exclusive_mini:active, a.exclusive_small:active, a.exclusive:active, a.exclusive_large:active {
background-position: left -100px
}
/* classic buttons */
input.button_mini, input.button_mini_disabled, input.exclusive_mini, input.exclusive_mini_disabled, a.button_mini, a.exclusive_mini, span.button_mini, span.exclusive_mini {
/*width: 30px;
background-image: url('../img/button-mini.png')*/
}
input.button_small, input.button_small_disabled, input.exclusive_small, input.exclusive_small_disabled, a.button_small, a.exclusive_small, span.button_small, span.exclusive_small {
/*width: 60px;
background-image: url('../img/button-small.png')*/
}
input.button_disabled, input.exclusive_disabled, span.exclusive {
border:1px solid #ccc;
color:#999;
background:url(../img/bg_bt_2.gif) repeat-x 0 0 #f4b61b;
cursor:default;
}
input.button_large, input.button_large_disabled, input.exclusive_large, input.exclusive_large_disabled, a.button_large, a.exclusive_large, span.button_large, span.exclusive_large, span.exclusive_large_disabled {
/*width: 180px;
background-image: url('../img/button-large.png')*/
}
/* exclusive button */
/*input.exclusive, input.exclusive_disabled, a.exclusive, span.exclusive { background-image: url('../img/button-medium_exclusive.png') }
input.exclusive_mini, input.exclusive_mini_disabled, a.exclusive_mini, span.exclusive_mini { background-image: url('../img/button-mini_exclusive.gif') }
input.exclusive_small, input.exclusive_small_disabled, a.exclusive_small, span.exclusive_small { background-image: url('../img/button-small_exclusive.gif') }
input.exclusive_large, input.exclusive_large_disabled, a.exclusive_large, span.exclusive_large, span.exclusive_large_disabled { background-image: url('../img/button-large_exclusive.gif') }*/
/* form **************************************************************************************** */
form.std fieldset {
margin:20px 0;
border:1px solid #ccc;
border-radius: 17px;
}
/* table *************************************************************************************** */
table.std,
table.table_block {
margin-bottom:20px;
width:100%;
border:1px solid #999;
border-bottom:none;
background:white;
}
table.std th,
table.table_block th {
padding:14px 12px;
font-size:12px;
color:#fff;
 font-weight:bold;
text-transform:uppercase;
text-shadow:0 1px 0 #000;
background:url(../img/bg_table_th.png) repeat-x 0 0 #999
}
table.std tr.alternate_item,
table.table_block tr.alternate_item {background-color: #f3f3f3}
table.std  td,
table.table_block  td {
padding:12px;
border-right:1px solid #e9e9e9;
border-bottom:1px solid #e9e9e9;
font-size:12px;
vertical-align:top
}
/* BLOCK .block ******************************************************************************** */
.block {margin-bottom:20px}
#footer .block {margin-bottom:0}
.block h4 {
 padding:6px 11px;
 font-size:12px;
 color:#fff;
 text-shadow:0 1px 0 #000;
 text-transform:uppercase;
 background:#383838;
 border-radius:17px 17px 0 0; 
}
 .block h4 a {color:#fff}
.block ul {list-style-type:none}
 .block li.last { border:none}
  .block li a {
   display:block;
   color:#333
  }
/* BLOCK content ******************************************************************************** */
.block_content{
 background:#fff;
 padding:8px;
 border:1px solid #d2d2d2;
 border-radius:0 0 10px 10px; 
}

/* BLOCK .products_block *********************************************************************** */
.products_block {}
.products_block li {float:left
}
.products_block li img {border:1px solid #d1d1d1}
/* BLOCK customer privacy ******************************************************************* */
.account_creation label{
float:left;
padding-top:5px;
width:80%;
text-align:left;
cursor:pointer
}
/* BLOCK .footer_links (cms pages) ************************************************************* */
ul.footer_links {
list-style-type:none;
margin-bottom:20px
}
ul.footer_links li {float:left}
ul.footer_links li.f_right {float:right}
ul.footer_links li .icon {
position:relative;
top:6px;
left:0}
/* barre comparaison / tri ********************************************************************* */
.content_sortPagiBar {
margin-top:20px;
margin-bottom:20px;}
#center_column .sortPagiBar {
padding:15px;
font:normal 11px Arial, Verdana, sans-serif;
color:#666;
background:#fff;
border:1px solid #CCCCCC;}
#center_column .sortPagiBar strong {color:#000;}
#center_column .sortPagiBar p {padding:0;}
#center_column .sortPagiBar form {display:inline-block;}
.sortPagiBar #productsSortForm {float:right;}
.sortPagiBar select#selectPrductSort {
 margin:0 0 0 10px;
 color:#000;
 border:1px solid #ccc
}
.sortPagiBar #bt_compare {
padding:3px 7px;
border:none;
color:#fff;
text-shadow:0 1px 0 #000;
background:url(../img/bg_bt_compare.gif) repeat-x 0 0 #111;
}
.sortPagiBar .nbrItemPage {margin-left:40px;}
.sortPagiBar .PrductSort {float:left;}
.sortPagiBar .nbrProduct {
display:inline-block;
padding:0 10px;
}
.sortPagiBar #nb_item {border:1px solid #ccc}
/* pagination ********************************************************************************** */
form.pagination {display:none;}
div.pagination {
margin:10px 0;
text-align: center
}
ul.pagination {list-style-type:none}
ul.pagination li {display: inline;}
ul.pagination a, ul.pagination span {
display:inline-block;
height:24px;
width:24px;
border:1px solid #eee;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
font:11px/24px Arial,Verdana,sans-serif;
color:#999
}
ul.pagination a {
text-align:center;
}
ul.pagination a:hover {
color:#333;
border:1px solid #333
}
ul.pagination .current span {
color:#000;
border:1px solid #fff
}
ul.pagination li.disabled span {color:#ccc}
#pagination_previous {float:left}
#pagination_next {float:right}
#pagination_previous a, #pagination_previous span,
#pagination_next a, #pagination_next span {
padding:0 8px;
width:auto;
}
#pagination_previous span,
#pagination_next span {
color:#ccc;
border:1px solid #eee
}
/* CART steps *********************************************************************** */
ul#order_step { background-color: white;padding:10px 10px 15px;
border: 1px solid #ccc;}

ul.step {
list-style-type:none;
margin-bottom:30px;
height:52px;
width:727px
}
ul.step li {
float:left;
height:52px;
width:145px;
text-align:center;
text-transform:uppercase;
background:url(../img/step_standard.gif) no-repeat center bottom transparent
}
ul.step li a, ul.step li.step_current span, ul.step li.step_current_end span {
display:inline-block;
padding:8px 10px 12px;
color:#000;
background:url(../img/step_current_span.gif) no-repeat center bottom transparent
}
ul.step li.step_current {
font-weight:bold;
background:url(../img/step_current.gif) no-repeat center bottom transparent
}
ul.step li.step_current_end {
font-weight:bold;
background:url(../img/step_end_current.gif) no-repeat center bottom transparent
}
ul.step li.step_todo span {
display:inline-block;
padding:8px 10px 6px;
color:#999;
text-shadow:0 1px 0 #fff;
background:#eee
}
ul.step li.step_done {
font-weight:bold;
background:url(../img/step_done.gif) no-repeat center bottom transparent
}
/*ul.step li#step_end {background:url(../img/step_end.gif) no-repeat center bottom transparent}*/
/* module productcomments ********************************************************************** */
.rating {
clear: both;
display: block;
margin: 2em;
cursor: pointer;
}
.rating:after {
content: '.';
display: block;
height: 0;
width: 0;
clear: both;
visibility: hidden
}
.cancel, .star {
overflow: hidden;
float: left;
margin:0 1px 0 0;
width: 16px;
height: 16px;
text-indent: -999em;
cursor: pointer
}
.cancel, .cancel a { background: url(../../../modules/productcomments/img/delete.gif) no-repeat 0 -16px !important }
.star, .star a { background: url(../../../modules/productcomments/img/star.gif) no-repeat 0 0 }
.cancel a, .star a {
display: block;
width: 100%;
height: 100%;
background-position: 0 0
}
div.star_on a { background-position: 0 -16px }
div.star_hover a, div.star a:hover { background-position: 0 -32px }
.pack_content { margin: 10px 0 10px 0 }
.pack_price {
float: right;
margin-right: 3px;
font-size: 12px
}
.confirmation {
margin: 0 0 10px;
padding: 10px;
border: 1px solid #e6db55;
font-size: 13px;
background: none repeat scroll 0 0 #ffffe0;
}
/************* pages cms *****************/
#page .rte { 
background: #ececec;
border: 1px solid #d2d2d2;
   -moz-border-radius: 13px;
-webkit-border-radius: 13px;
border-radius: 13px;
padding:20px;
}

#page .rte h2 {
background: none repeat scroll 0 0 #333;
   -moz-border-radius: 17px;
-webkit-border-radius: 17px;
border-radius: 17px;
   font-size: 20px;
   height: 20px;
   line-height: 22px;
   margin-bottom: 15px;
   padding: 8px;
text-indent:0.3em;
color:#fff;
}
#page .rte h3 {
   font-size: 16px;
   padding-bottom: 15px;
color:#333;
margin-left:15px
}
#page .rte p {
margin-left:15px
}

.listcomment {
list-style-type:none;
margin:0 0 20px 0 !important;
}
.listcomment li {
padding:10px 0;
border-bottom:1px dotted #ccc;
color:#666
}
.listcomment .titlecomment {
display:block;
font-weight:bold;
font-size:12px;
color:#333
}
.listcomment .txtcomment {
display:block;
padding:5px 0;
color:#333
}
.listcomment .authorcomment {}

/* ************************************************************************************************
 HEADER
************************************************************************************************ */
#header {position:relative}
#header_logo {
float:left;
display:block;
margin-top:30px;
margin-left:10px;
}
#header_right {
position:relative;
float: right;
height:130px;
margin-right:20px;
width:700px;
}

/* ************************************************************************************************
 BREADCRUMB
************************************************************************************************ */
.breadcrumb {
margin-bottom:10px;
font-size:12px
}
.breadcrumb .navigation-pipe {margin:0 3px 0 5px}
.breadcrumb img {
position:relative;
top:5px
}

/* ************************************************************************************************
 FOOTER
************************************************************************************************ */
#footer {
color:#fff;
background:url("../img/footer_bg.png") repeat-x scroll left top #666;
}
.blockcategories_footer,
#footer .myaccount ,
#block_various_links_footer,
#social_block,
#block_contact_infos {
 float:left;
 width:175px
}
.blockcategories_footer {margin-left:0}
#footer h4 {
padding-bottom: 10px;
text-transform:uppercase
}
#footer h4,
#footer h4 a {
font-weight:normal;
font-size:14px;
color:#333333;
}
#footer a {color:#fff}
#footer a:hover {text-decoration:underline}
#footer ul {list-style-type:none}
#footer li {
/*padding:7px 0*/}
#footer li a {color:#fff}
#footer .myaccount {padding: 15px 10px}
#footer .myaccount h4 {
padding:0 0 10px 0;
background:none;
text-shadow:none
}
#footer .myaccount .favoriteproducts img,
#footer .myaccount .lnk_wishlist img {display:none}
/* ---------Footer copyright ------------*/
.footer_copyright{
float:left;
width:100%;
text-align:center;
margin:auto;
padding: 8px;
-moz-border-radius-topright: 50px;
-moz-border-radius-topleft: 50px;
-webkit-border-radius-topright: 50px;
-webkit-border-radius-topleft: 50px;
border-top-right-radius: 50px;
border-top-left-radius: 50px;
background: none repeat scroll 0 0 #333;
height:35px;}

.footer_copyright p {padding-top:10px;padding-bottom:0}
/* ************************************************************************************************
 PRODUCT PAGE
************************************************************************************************ */
/* BLOCK idTabs ******************************************************************************** */
.idTabs {
list-style-type: none;
margin-top: 20px;
margin-left:14px;
padding:0 5px;
}
ul.idTabs li {
float: left;
margin-right: 1px
}
.idTabs a {
display:block;
padding:10px 10px 7px 10px;
font-weight:bold;
text-decoration:none;
color:#fff;
background:#888888;
-moz-border-radius-topleft: 17px;
-webkit-border-top-left-radius: 17px;
border-top-left-radius: 17px;

-moz-border-radius-topright: 17px;
-webkit-border-top-right-radius: 17px;
border-top-right-radius: 17px;
}
.idTabs .selected {
color:#fff;
/*background: url(../img/bg_li_idTabs.png) repeat-x 0 0*/
background:#333;
-moz-border-radius-topleft: 17px;
-webkit-border-top-left-radius: 17px;
border-top-left-radius: 17px;

-moz-border-radius-topright: 17px;
-webkit-border-top-right-radius: 17px;
border-top-right-radius: 17px;
}
#more_info_sheets {padding:10px 10px 10px; border: 1px solid #d2d2d2;
background:#fff;}

#more_info_sheets ul,
#more_info_sheets ol,
#more_info_sheets dl {margin-left:20px}
#more_info_sheets li {margin-left:20px}
#more_info_sheets em {font-style:italic}
#more_info_sheets .product_desc{
margin-top:5px
}
#more_info_sheets .product_desc .product_image{
float:left
}
#more_info_sheets .product_desc .block_description{
float:left;
margin-left:10px;
width:420px
}
#more_info_sheets .product_desc .clear_product_desc{
clear:both;
height:0px;
line-height:0px
}
/* Make sure lists are correctly displayed in tinyMCE BO edition mode too */
#short_description_content ul,
#short_description_content ol,
#short_description_content dl,
#tinymce ul,
#tinymce ol,
#tinymce dl {margin-left:20px}
.block_hidden_only_for_screen {display:none}

/* ************************************************************************************************
 PAGE AUTHENTIFICATION
************************************************************************************************ */
#authentication #left_column {display:none}
#authentication #center_column{width:747px}

/* ************************************************************************************************
 PAIMENT - PAGE ORDER
************************************************************************************************ */
/* nav bottom ********************************************************************************** */
#order #left_column , #order-confirmation #left_column {display:none}
#order #center_column, #order-confirmation #center_column{width:747px}
.cart_navigation {margin:20px 0}
.cart_navigation .exclusive,
.cart_navigation .exclusive_large {
float:right
}
.cart_navigation .button,
.cart_navigation .button_large {
border-color:#ccc;
color:#333;
background-image:url(../img/bg_bt_2.gif)
}

/* step 1 - cart ******************************************************************************* */
.cart_last_product {display:none}
/*p.cart_navigation .multishipping-button { margin-right: 10px }*/
#order-detail-content {margin-bottom:20px}
table#cart_summary th {
padding:14px 12px;
color:#fff;
 font-weight:bold;
text-transform:uppercase;
 text-shadow:0 1px 0 #666;
background:url(../img/bg_table_th.png) repeat-x 0 -15px #999
}
table#cart_summary  th.cart_product {text-align:center}
table#cart_summary  td {
padding:12px;
border-right:1px solid #e9e9e9;
border-bottom:1px solid #e9e9e9;
font-weight:bold;
font-size:12px;
vertical-align:top
}
table#cart_summary  td.cart_delete,
table#cart_summary  td.price_discount_del {border-right:none;text-align: center}
table#cart_summary  .last_item  td {border-bottom:1px solid #999}

table#cart_summary tr.cart_item.odd,
table#cart_summary tr.cart_total_delivery,
table#cart_summary tr.cart_total_price,
table#cart_summary tr.cart_total_voucher{
background-color: #fff
}
table#cart_summary tr.cart_item.even {
background-color: #f3f3f3
}
table#cart_summary tr.customization.odd {
background-color: #fff
}
table#cart_summary tr.customization.even {
background-color: #f3f3f3
}
table#cart_summary tr ul {
list-style: none;
}
table#cart_summary .cart_product {
width:80px;
text-align:center
}table#cart_summary tbody tr:last-child td {
border-bottom: 1px solid #999;
}
table#cart_summary  .cart_product  img {border:1px solid #ccc}
table#cart_summary .cart_description {
width:230px;
}
table#cart_summary .cart_unit {width:130px;text-align: center}
table#cart_summary td.cart_unit {text-align: right}
table#cart_summary  .cart_quantity {width:130px}
table#cart_summary .customization .cart_quantity {padding: 8px 12px 0;}
.cart_quantity .cart_quantity_input {
float:left;
margin-left: 5px;
width: 20px;
border:1px solid #fff
}
.cart_quantity .cart_quantity_button {
float:left;
position: relative;
top: -5px
}
table#cart_summary .cart_total {width:120px;text-align: center}
table#cart_summary td.cart_total {text-align: right}
table#cart_summary .cart_delete {
width:64px;
text-align:center
}
table#cart_summary .cart_discount_price {text-align: right}
.cart_delete a.cart_quantity_delete,
a.price_discount_delete {
display:inline-block;
padding:1px 2px;
font-size:8px;
color:#666;
text-transform:uppercase;
text-shadow:0 1px 0 #fff;
background:#ccc;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px
}
.cart_total_price .total_price_container {
border-right:none;
}
table#cart_summary .cart_total_price td.cart_voucher {
border-bottom:1px solid #999;
vertical-align:middle
}
table#cart_summary #total_price_container {
border-bottom:1px solid #999;
}
.cart_voucher h4,
.cart_voucher p {float:left;}
.cart_voucher h4 {
margin-right:12px;
padding:5px 0;
font-size:13px
}
.cart_voucher p {padding-bottom:0;}
.cart_voucher #display_cart_vouchers {
clear:both;
line-height: 16px;
color:#666;
font-weight:normal;
border-top:1px dotted #ccc
}
.cart_voucher #display_cart_vouchers .title_offers {margin-top:10px}
.cart_voucher #display_cart_vouchers span {font-weight:bold}
.cart_voucher input.discount_name {
padding:0 5px;
height:22px;
width:170px;/* 180 */
border:1px solid #ccc;
font-weight:normal;
background:url(../img/bg_discount_name.png) repeat-x 0 0 #fff
}
.cart_voucher .submit input.button {
margin-left:2px;
padding:2px;
height:24px;
border:1px solid #000;
-moz-border-radius:0;
-webkit-border-radius:0;
border-radius:0;
color:#fff;
text-transform:uppercase;
text-shadow:0 -1px 0 #333;
background:url(../img/bg_cart_voucher_submit.png) repeat-x 0 0 #000
}
#cart_summary .price {
border-right:none;
text-align: right;
white-space: nowrap;
}
.total_price_container p {text-align: left}
table#cart_summary .cart_total_price .total_price_container {
padding:0;
border-bottom:1px solid #999;
border-right:1px solid #999;
}
.cart_total_price .total_price_container p {
display:block;
padding:8px;
font-weight:bold;
color:#fff;
text-transform:uppercase;
background:#333
}
.cart_total_price .total_price_container span {
display:block;
padding:15px;
font-weight:bold;
font-size:18px;
text-align:center
}
#order_carrier {
clear:both;
margin-top:20px;
border:1px solid #999;
background:#fff
}
#order_carrier h4 {
padding:0 15px;
height: 29px;
font-weight: bold;
line-height:29px;
color:#fff;
font-weight:bold;
text-transform:uppercase;
background:url(../img/bg_table_th.png) repeat-x 0 -10px #999
}
#order_carrier span {
display:block;
padding:15px;
font-weight:bold
}
.order_delivery .first_item {margin-right:35px;background:#fff}
.multishipping_close_container {
text-align: center;
}
table#cart_summary .gift-icon {
color: white;
background: #333;
line-height: 20px;
padding: 2px 5px;
border-radius: 5px;
}
/* step 2 - authentification ******************************************************************* */
#create-account_form, #authentication #login_form {
clear: none;
float: left;
height: 20em;
width: 49%;
}
#create-account_form {margin-right: 11px;}
#authentication #create-account_form fieldset,
#authentication #login_form fieldset {
height: 200px;
background:#fff;
}
#authentication #create-account_form .form_content,
#authentication #login_form .form_content {
padding:15px 10px
}
#create-account_form h3,
#authentication #login_form h3 {
padding:8px;
border-bottom:1px solid #ccc;
font-weight:bold;
font-size:12px;
color:#fff;
text-transform:uppercase;
background:url(../img/bg_form_h3.png) repeat-x 0 0 #989898;
-moz-border-radius-topleft: 17px;
-webkit-border-top-left-radius: 17px;
border-top-left-radius: 17px;

-moz-border-radius-topright: 17px;
-webkit-border-top-right-radius: 17px;
border-top-right-radius: 17px;
}
#create-account_form h4 {
padding-bottom:22px;
font-size:11px;
color:#333
}
#create-account_form label,
#login_form label {
display:inline-block;
width:110px;
color:#666
}
#order-opc #login_form_content label {
display:block;
margin:0 0 10px 0
}
#create-account_form #email_create,
#login_form #email,
#login_form #passwd,
#login_form #login_email,
#login_form #login_passwd {
padding:0 5px;
height:20px;
width:220px;/* 230 */
border:1px solid #ccc;
color:#666;
background:url(../img/bg_discount_name.png) repeat-x 0 0 #fff
}
#create-account_form #SubmitCreate,
#login_form #SubmitLogin {
float:right
}
.lost_password {
float:left;
width:200px
}
.lost_password a {color:#666}
#order-opc .lost_password {
display:block;
float:none;
margin:5px 0 10px;
width:auto;
font-size:11px;
color:#666
}
#ordermsg p {padding-bottom:0}
#ordermsg p.txt {
float:left;
margin-right:25px;
width:420px
}
/*#ordermsg .textarea {float:right}*/
#ordermsg .textarea textarea {
height:90px;
width:475px;
border:1px solid #ccc
}
/* step 3 - address ************************************************************************** */
.address-form-multishipping { padding: 10px 0px; }
#multishipping_mode_box {
border: 1px solid #D0D3D8;
background: url("../img/form_bg.jpg") repeat-x scroll left top #D0D1D5;
margin-bottom: 10px;
padding: 5px;
}
#multishipping_mode_checkbox {
vertical-align: middle;
margin-right: 5px;
}
#multishipping_mode_box.on {
border: 1px solid #ddd;
}
#multishipping_mode_box .title {
padding: 5px;
font-weight: bold;
}
#multishipping_mode_box .description, #multishipping_mode_box .description_off {
padding: 5px;
}
#multishipping_mode_box .description_off {
display: none;
padding: 5px;
}
#multishipping_mode_box .description_off div {
margin-bottom: 10px;
}
#multishipping_mode_box .description_off a, #multishipping_mode_box .description a {
display: block;
text-align: center;
text-decoration: none;
padding: 5px 10px;
margin: 0 160px;
border: 1px solid #ccc;
background: #ddd;
}
#multishipping_mode_box .description_off a:hover, #multishipping_mode_box .description a:hover {
background: #f3f3f3;
border: 1px solid #ccc;
}
#multishipping_mode_box.on .description_off {
display: block;
}

/* step 4 - paiement ************************************************************************** */
.delivery_options {
border: 1px solid #BDC2C9;
border-top: 0;
}
#order .delivery_options_address h3, #order-opc .delivery_options_address h3 {
/*background: url("../img/table_header.gif") no-repeat;
color: #374853;
font-weight: bold;
height: 14px;
padding: 5px 10px;
margin: 10px 0 0 0;*/
padding: 6px 11px;
font-size: 12px;
color: #fff;
text-shadow: 0 1px 0 #000;
text-transform: uppercase;
background: none repeat scroll 0 0 #383838;
}
#order .delivery_option_radio, #order-opc .delivery_option_radio {
float: left;
margin: 21px 12px;
}
#order .delivery_option label, #order-opc .delivery_option label {
display: block;
padding-bottom: 5px;
padding-top: 5px;
}
#order .delivery_option label > table.resume, #order-opc .delivery_option label > table.resume {
height: 46px;
width: 675px;
}
#order .delivery_option.item, #order-opc .delivery_option.item {
background: #fafafa;
}
#order .delivery_option.alternate_item, #order-opc .delivery_option.alternate_item {
border-top: 1px solid #bdc2c9;
background: #f1f2f4;
border-bottom: 1px solid #bdc2c9;
}
#order .delivery_option label > table.resume td, #order-opc .delivery_option label > table.resume td {
padding: 0 8px;
}
#order .delivery_option label > table.resume td + td, #order-opc .delivery_option label > table.resume td + td {
width: 300px;
}
#order .delivery_option label > table.resume td + td + td, #order-opc .delivery_option label > table.resume td + td + td {
width: 100px;
text-align: right;
}
#order .delivery_option_carrier td {width:200px}
#order .delivery_option_carrier td + td {width:280px;}
#order .delivery_option_carrier td + td + td {width:200px}
#order .delivery_options_address .delivery_option_logo, #order .delivery_option_carrier .delivery_option_logo, #order-opc .delivery_options_address .delivery_option_logo {
padding-left:10px;
width: 160px;
}
#order .delivery_options_address .delivery_option_logo img, #order-opc .delivery_options_address .delivery_option_logo img { /*height: 40px;*/ }
#order .delivery_option_carrier .first_item, #order-opc .delivery_option_carrier .first_item {
padding: 3px 5px 3px 12px;
background:url(../img/arrow_right_2.png) no-repeat 3px 7px
}
.order_carrier_content {
padding:15px;
border:1px solid #ccc;
font-size:12px;
color:#000;
background:#fff;
}
.order_carrier_content h3 {
padding:15px 0 10px 0;
font-size:13px;
color:#000
}
.order_carrier_content h3.carrier_title {padding-top:0}
.order_carrier_content input {
position:relative;
top:1px
}
#carrierTable {
border:1px solid #999;
border-bottom:none;
background:#fff
}
#carrierTable tbody{
border-bottom:1px solid #999;
}
#carrierTable  th {
padding:0 15px;
height: 29px;
font-weight: bold;
line-height:29px;
color:#fff;
text-transform:uppercase;
background:url(../img/bg_table_th.png) repeat-x 0 -10px #999
}
#carrierTable  td {
padding:15px;
font-weight:bold;
border-right:1px solid #e9e9e9
}
#carrierTable  td.carrier_price {border:none}
#gift_div {
display:none;
padding-bottom:10px
}
#gift_div label {
display:block;
margin-bottom:5px
}
#gift_div #gift_message {
height:50px;
width:720px;
border:1px solid #999
}
a.iframe {font-weight:bold}
.hook_extracarrier {
margin-top: 5px;
padding: 5px;
}
/* step 5 - paiement ************************************************************************** */
.paiement_block {
padding:15px;
border:1px solid #ccc;
font-size:12px;
color:#000;
background:#f8f8f8
}
.payment_module {
position:relative;
padding-top:20px;
border-top:1px dotted #ccc;
text-transform:uppercase;
}
.payment_module a {display:block;}
.payment_module img {
float:left;
margin-right:10px
}
/*.payment_module span {
position:absolute;
top:50px;
left:145px
}*/
.payment_module:before,
.payment_module:after {
content: ".";
display: block;
height: 0;
overflow: hidden
}
.payment_module:after {clear: both}
.payment_module {zoom: 1}

/* ************************************************************************************************
 PAGE ORDER-OPC
************************************************************************************************ */
#order-opc #left_column {display:none}
#order-opc #center_column{width:747px}

#order-opc h2 {}
#order-opc h2 span {
display:inline-block;
padding:5px 7px;
color:#fff;
background:#333;
}
#order-opc #login_form fieldset {
background: none repeat scroll 0 0 #FFFFE0;
border: 1px solid #E6DB55;
font-size: 13px;
margin: 0 0 10px;
padding: 10px;
}
#order-opc #login_form fieldset p {padding:0}
#order-opc #login_form fieldset p a {padding:0}
#order-opc #new_account_form p.submit {
margin-right: 120px;
text-align:right
}
#order-opc #new_account_form p.opc-required {margin-left:20px}
#order-opc .addresses {margin-bottom:20px}
#order-opc #opc_delivery_methods h3 {margin-top:20px;}
#order-opc #opc_delivery_methods textarea {
height:60px;
width:755px;
border:1px solid #ccc
}
#order-opc #opc_payment_methods {margin-bottom:20px}
#order-opc #opc_payment_methods #opc_payment_methods-content p{margin:0}
.delivery_option_carrier td {width:200px}
.delivery_option_carrier td + td {width:280px;}
.delivery_option_carrier td + td + td {width:200px}
.delivery_option_carrier {
margin: 5px 0 0 45px;
width: 670px;
display: none;
}
.delivery_option_carrier tr td {
padding: 5px;
}
.delivery_option_carrier.selected {
display: table;
}
.delivery_option_carrier.not-displayable {
display: none;
}
.delivery_option_title {
font-weight: bold;
}

/* ************************************************************************************************
express checkout
************************************************************************************************ */
#new_account_form {clear:both;margin-bottom: 20px}
#new_account_form h3 {
margin-bottom:20px;
padding:8px;
border-bottom:1px solid #ccc;
font-weight:bold;
font-size:12px;
color:#fff;
text-transform:uppercase;
background:url(../img/bg_form_h3.png) repeat-x 0 0 #989898
}
#center_column #new_account_form p {
margin:0;
padding:0 0 10px 0
}
#new_account_form p.required {color:#222}
#new_account_form p.required sup {color:#990000}
#new_account_form p.radio span,
#new_account_form p.text label,
#new_account_form p.password label,
#new_account_form p.select label,
#new_account_form p.select span,
#new_account_form p.textarea label {
display: inline-block;
padding: 6px 15px;
width: 230px;
font-size: 14px;
text-align: right
}
#new_account_form p.radio label {
float:none;
padding-right:10px;
width:auto;
font-size:14px;
}
#new_account_form p.checkbox label {
float: none;
width: auto;
font-size: 12px;
}
#new_account_form p.text input,
#new_account_form p.password input,
#new_account_form p.select input {
height:22px;
padding:0 5px;
width:360px;
border:1px solid #ccc;
font-size:12px;
color:#666
}
#new_account_form p.checkbox input {margin-left: 260px;}
#new_account_form #submitGuestAccount {float: right}
/* ************************************************************************************************ */
/* ************************************************************************************************
 paiment - CONFIRMATION
************************************************************************************************ */
#orderconfirmation #left_column {display:none}
#orderconfirmation #center_column{width:747px}

/* ************************************************************************************************
 PAGE PASSWORD
************************************************************************************************ */
#form_forgotpassword fieldset {
padding: 10px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background: #eee
}
#form_forgotpassword  p.text label {
display: inline-block;
padding-right: 10px;
width: 174px;
font-weight: bold;
font-size: 12px;
text-align: right
}
#form_forgotpassword  p.text input {
padding: 0 5px;
height: 20px;
width: 288px;
border: 1px solid #ccc;
background: url(../img/bg_input.png) repeat-x 0 0 #fff
}
#form_forgotpassword p.submit {
margin-right:25px;
padding-bottom:5px;
text-align:right
}
#password .icon {
position:relative;
top:6px;
}

/* ************************************************************************************************
 PAGE ADRESSES
************************************************************************************************ */
#addresses #left_column {display:none}
#addresses #center_column{width:747px}
#address p.inline-infos {
margin:0 0 0 100px !important;
font-size:12px;
color:#666;
}

/* ************************************************************************************************
 PAGE ADD ADRESS
************************************************************************************************ */
#address #left_column {display:none}
#address #center_column{width:747px}
form#add_adress {}
#add_adress fieldset {
margin:0;
border:1px solid #ccc;
background:#F8F8F8
}
#add_adress h3 {
margin:0 0 15px 0;
padding:8px;
font-size:14px;
color:#fff;
text-transform:uppercase;
background:url(../img/bg_form_h3.png) repeat-x 0 0 #989898;
-moz-border-radius-topleft: 17px;
-webkit-border-top-left-radius: 17px;
border-top-left-radius: 17px;

-moz-border-radius-topright: 17px;
-webkit-border-top-right-radius: 17px;
border-top-right-radius: 17px;
}
#center_column #add_adress p {margin:0; padding:0 0 10px 0}
#add_adress p.required {color:#222}
#add_adress p.required  sup {color:#990000}
#add_adress p.text label,
#add_adress p.password label,
#add_adress p.select label,
#add_adress p.select span,
#add_adress p.textarea label {
display:inline-block;
padding:6px 15px;
width:230px;/* 260 */
font-size:14px;
text-align:right
}
#add_adress p.text input,
#add_adress p.password input,
#add_adress p.select input {
padding:0 5px;
height:22px;
width:360px;/* 370 */
border:1px solid #ccc;
font-size: 12px;
color:#666
}
#add_adress p.checkbox input {
margin-left:260px;
}
#add_adress p.select select {
margin-right:10px;
border:1px solid #ccc;
font-size: 12px;
color:#666
}
#add_adress p.textarea label {vertical-align:top}
#add_adress p.textarea textarea {
height:80px;
width:370px;
border:1px solid #ccc;
font-size: 12px;
color:#666
}
#center_column  #add_adress p.submit2 {
margin-top:20px;
text-align:right
}
#add_adress span.form_info,
#add_adress span.inline-infos {
display:block;
margin:5px 0 0 265px;
color:#666
}

/* ************************************************************************************************
 PAGE ORDER-SPLIP
************************************************************************************************ */
#order-slip #left_column {display:none}
#order-slip #center_column{width:747px}
#order-slip #order-list {border-bottom:1px solid #999}
#order-slip #order-list td {
border-top: 1px solid #ccc;
border-bottom:none
}
#order-slip #order-list td.history_invoice {border-right:none}

/* ************************************************************************************************
 PAGE DISCOUNT
************************************************************************************************ */
#discount #left_column {display:none}
#discount #center_column{width:747px}
#discount .table_block tr.last_item td {border-bottom:1px solid #999}
#discount .table_block td.discount_expiration_date {border-right:1px solid #999}
#discount .table_block td.discount_value {white-space:nowrap}

/* ************************************************************************************************
 PAGE ORDER FOLLOW
************************************************************************************************ */
#order-follow #left_column {display:none}
#order-follow #center_column{width:747px}

/* ************************************************************************************************
 PAGE NEW-PRODUCTS
************************************************************************************************ */
#newproducts .sortPagiBar {margin-bottom:20px}

/* ************************************************************************************************
 PAGE BEST SALES
************************************************************************************************ */
#bestsales .sortPagiBar {margin-bottom:20px}
/* ************************************************************************************************
 PAGE PRICES DROP SALES
************************************************************************************************ */
#pricesdrop .sortPagiBar {margin-bottom:20px}

/* ************************************************************************************************
 PAGE MANUFACTURER
************************************************************************************************ */
#manufacturer .nbrmanufacturer {
margin: 15px 0 10px;
padding: 8px 7px;
font-size:12px;
color: #000;
background: none repeat scroll 0 0 #f0f0f0
}
#manufacturer #product_list {margin-top:15px}
ul#manufacturers_list {list-style-type:none}
ul#manufacturers_list li {
margin-bottom: 14px;
padding: 12px 8px;
border: 1px solid #eee;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius:3px;
}
ul#manufacturers_list li a.lnk_img {
display: block;
float: left;
}
ul#manufacturers_list li img {
display: block;
float: left;
margin-right: 14px;
border: 1px solid #ccc;
vertical-align: bottom
}
ul#manufacturers_list li h3 {
padding: 6px 0 10px 10px;
font-size: 13px;
color: #000;
background: #c2c2c2;
border: 1px solid #d2d2d2;
   -moz-border-radius: 13px;
-webkit-border-radius: 13px;
border-radius: 13px;
margin-left:70px;
}
ul#manufacturers_list li .description {
overflow: hidden;
padding: 0;
font-size:12px;
color:#666;
padding:5px 0 0 10px
}
ul#manufacturers_list li  .left_side p {
border:none;
border-radius:0;
padding-left:10px;
}
ul#manufacturers_list li .right_side {float:right;}
.description_box {
border: 1px solid #CCCCCC;
border-radius: 3px 3px 3px 3px;
box-shadow: 0 1px 1px #E2E2E2;
padding: 5px;
margin-bottom: 20px;
font-size: 12px;
line-height: 18px;
}
.description_box p {
margin: 0;
padding: 0 10px 5px;
}
.description_box .hide_desc {
display: none;
}
.description_box .lnk_more {
background: url("../img/arrow_right_1.png") no-repeat scroll 100% 4px transparent;
color: #333;
padding: 0 10px;
}
.description_box ul {
padding-left: 30px;
padding-bottom: 10px;
}
/* ************************************************************************************************
 PAGE SUPPLIER
************************************************************************************************ */
#supplier .nbrmanufacturer {
margin: 15px 0 10px;
padding: 8px 7px;
font-size:12px;
color: #000;
background: none repeat scroll 0 0 #f0f0f0
}
ul#suppliers_list {list-style-type:none}
ul#suppliers_list li {
margin-bottom: 14px;
padding: 12px 8px;
border: 1px solid #eee;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius:3px;
}
ul#suppliers_list li a.lnk_img {
display: block;
float: left;
}
ul#suppliers_list li img {
display: block;
float: left;
margin-right: 14px;
border: 1px solid #ccc;
vertical-align: bottom
}
ul#suppliers_list li h3 {
padding: 6px 0 10px 10px;
font-size: 13px;
color: #000;
background: #c2c2c2;
border: 1px solid #d2d2d2;
   -moz-border-radius: 13px;
-webkit-border-radius: 13px;
border-radius: 13px;
margin-left:70px;
}
ul#suppliers_list li .description {
overflow: hidden;
padding: 0;
font-size:12px;
color:#666
}
ul#suppliers_list li .right_side {float:right;}

/* ************************************************************************************************
 PAGE SEARCH
************************************************************************************************ */
#search h3.nbresult {
margin:0 0 10px 0;
padding:10px;
border:1px solid #e6db55;
font-size:13px;
background:#ffffe0
}
#search .sortPagiBar {margin-bottom:20px}

/* ************************************************************************************************
 PAGE 404
************************************************************************************************ */
#pagenotfound #left_column,
#pagenotfound #right_column,
#pagenotfound #footer {display:none}
#pagenotfound #left_column,
#pagenotfound #right_column,
#pagenotfound #footer {display:none}
#pagenotfound #center_column {width:940px;}
#pagenotfound .pagenotfound {
padding:30px 300px 0 0;
height:330px;
font-size:14px;
background:url(../img/bg_404.png) no-repeat 100% 0
}
#pagenotfound h3 {
font-weight:normal;
font-size:14px
}
#pagenotfound fieldset {border:none}
#pagenotfound fieldset label {color:#333}
#pagenotfound  #search_query {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-bottom: 1px solid #666;
border-left: 1px solid #666;
border-right: 1px solid #fff !important;
border-top: 1px solid #666;
padding: 0 5px;
height: 24px;
width: 200px;
color: #ccc;
background: url(../../../modules/blocksearch/img/bg_search_input.png) repeat-x scroll 0 0 #fff
}
#pagenotfound .button_small {
padding: 4px 7px;
border: medium none;
-moz-border-radius:0;
-webkit-border-radius:0;
border-radius:0;
color: #fff;
text-transform: uppercase;
background: url("../../../modules/blocksearch/img/bg_search_submit.png") repeat-x scroll 0 0 #101010
}
#pagenotfound .pagenotfound a {
font-weight:bold;
color:#333
}
#pagenotfound .pagenotfound .icon {
position:relative;
top:3px
}

/* ************************************************************************************************
 addons payment cheque
************************************************************************************************ */
#module-cheque-payment #left_column {display:none}
#module-cheque-payment #center_column{width:747px}

/* ************************************************************************************************
 addons payment bankwire
************************************************************************************************ */
#module-bankwire-payment #left_column {display:none}
#module-bankwire-payment #center_column{width:747px}

/* ************************************************************************************************
 addons google checkout
************************************************************************************************ */
#module-gcheckout-payment #left_column {display:none}
#module-gcheckout-payment #center_column{width:747px}
/* ************************************************************************************************
 addons paypal
************************************************************************************************ */
#module-payment-submit #left_column {display:none}
#module-payment-submit #center_column{width:747px}

/* ************************************************************************************************
 addons cashondelivery validation
************************************************************************************************ */
#module-cashondelivery-validation #left_column {display:none}
#module-cashondelivery-validation #center_column{width:747px}

/* ************************************************************************************************
 addon RerversoForm
************************************************************************************************ */
#account-creation_form fieldset.reversoform {padding:10px !important}
#account-creation_form fieldset.reversoform  .text label{
display:block;
padding:0 0 10px 0;
width:100%;
text-align:left;
}
#account-creation_form fieldset.reversoform .infos-sup {
padding:0 !important;
font-size:10px;
font-style:italic;
text-align:right
}
/* ************************************************************************************************
 addon customer privacy
************************************************************************************************ */
#account-creation_form fieldset.customerprivacy label{
padding-bottom:0;
font-size:14px;
text-align:left;
cursor:pointer
}
/* ************************************************************************************************
 addon referralprogram
************************************************************************************************ */
#module-referralprogram-referralprogram-program #left_column {display:none}
#module-referralprogram-referralprogram-program #center_column{width:747px}
#footer .myaccount li.referralprogram img {display:none}
#module-referralprogram-referralprogram-program .sheets {padding-top:10px}
#module-referralprogram-referralprogram-program form p.checkbox {font-weight:bold}
#module-referralprogram-referralprogram-program form p.checkbox a {text-decoration:underline}
#module-referralprogram-referralprogram-program form p.submit {text-align:right}
#module-referralprogram-referralprogram-program form p.see_email {
padding-left:10px;
color: #333;
background:url(../img/arrow_right_1.png) no-repeat 0 4px;
}
#module-referralprogram-referralprogram-program form p.see_email a {
color: #333;
text-decoration:underline
}
/* ************************************************************************************************
 addon loyalty
************************************************************************************************ */
#module-loyalty-default #left_column {display:none}
#module-loyalty-default #center_column{width:747px}
#product p#loyalty {
padding:10px 0 0 20px;
border-top:1px solid #ccc;
background:url(../img/icon/info.png) no-repeat 0 8px;
margin-top: 10px;
}
#footer .myaccount li.loyalty img {display:none}

/* ************************************************************************************************
 addon Livezilla
************************************************************************************************ */
#livezilla_lnk  {
margin:10px 0;
text-align: right
}
#livezilla_lnk a {
display:inline-block;
padding:6px 8px 8px 8px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
font:bold 10px Arial,Verdana,sans-serif;
color:#fff;
text-shadow: 0 -1px 0 #000;
background: url(../img/bg_bt_compare.gif) repeat-x scroll 0 0 #000
}
#livezilla_lnk a:hover {text-decoration:none}
/* ************************************************************************************************
 addons comments products
************************************************************************************************ */
form#sendComment  fieldset{
padding:10px;
border:1px solid #ccc;
background:#eee
}
form#sendComment h3 {font-size:14px;}
#new_comment_form p.text {
 margin-bottom: 0;
 padding-bottom: 0;
}
#sendComment p.text label,
#sendComment p.textarea label {
display: block;
margin: 12px 0 4px;
font-weight: bold;
font-size: 12px;
}
#sendComment p.text input {
padding: 0 5px;
height: 28px;
width: 498px;
border: 1px solid #ccc;
background: url(../img/bg_input.png) repeat-x 0 0 #fff;
}
#sendComment p.textarea textarea {
height:80px;
width:508px;
border:1px solid #ccc;
}
#sendComment p.submit {
padding:0;
text-align:right
}
#sendComment p.closeform {
float:right;
padding:0;
height:12px;
width:12px;
text-indent:-5000px;
background:url(../img/icon/delete.gif) no-repeat 0 0
}
.star {
position: relative;
top:2px;
float: left;
height: 12px;
width: 12px;
overflow: hidden;
text-indent: -999em;
cursor: pointer
}
.star, .star a { background: url(../../../modules/productcomments/img/star.gif) no-repeat 0 0 }
div.star_on a { background-position: 0 -12px }
div.star_hover a, div.star a:hover { background-position: 0 -12px }

/* ************************************************************************************************
 xxxxx
************************************************************************************************ */

/* ************************************************************************************************
 guest tracking
************************************************************************************************ */
#guest-tracking fieldset p:first-child {
padding-top: 10px;
}
#guest-tracking fieldset p:last-child {
padding-bottom: 10px;
}
/* ************************************************************************************************
 CSS Modules
************************************************************************************************ */
/******* IMPORTANT - Internet Explorer can read 31 CSS files max. Some CSS have been put here and erased from their own module folder.************/
/*************** Block ADVERTISING left column***************/
.advertising_block {
width: 200px;
height:167px;
margin-bottom: 1em;
text-align: center;
border-radius: 17px;
/*border:1px solid #d2d2d2;*/
background:#333;
}
/*************** Block CATEGORIES ***************/
#categories_block_left  li {border-bottom:1px dotted #ccc}
#categories_block_left  li.last { border:none;}
 #categories_block_left  li a {
  display:block;
  padding:7px 11px 5px 22px;
  color:#333;
  background:url(../../../modules/blockcategories/img/arrow_right_2.png) no-repeat 10px 10px transparent
 }

#categories_block_left  li ul {margin-left:40px}
 #categories_block_left  li ul li {border:none}
  #categories_block_left  li ul li a {
   padding-left:0;
   background:none
  }

#categories_block_left li .OPEN,
#categories_block_left li .CLOSE {
display:block;
float:right;
margin:10px 10px 0;
height:9px;
width:9px;
background:url(../../../modules/blockcategories/img/icon/open-close.png) no-repeat 0 -9px;
cursor:pointer
}
#categories_block_left li .CLOSE {background-position:0 0}

/* footer */
.blockcategories_footer {
padding:15px 10px;
}
.blockcategories_footer ul ul {display:none !important}

/*************** Block CMS ***************/
/* footer */
#footer .block_various_links {padding:15px 10px;}
/* Block CMS links */
.informations_block_left li {border-bottom:1px dotted #eee}
.informations_block_left li.last {border:none;}
.informations_block_left li a {
   display:block;
   padding:7px 11px 5px 22px;
   color:#333;
   background:url(../../../modules/blockcms/img/arrow_right_2.png) no-repeat 10px 10px transparent;
}

tr.subitem > td:first-child + td {
   padding-left: 10px;
}
/*************** Block CONTACTINFOS ***************/
#block_contact_infos {padding:15px 10px;}
#block_contact_infos li {
padding:0 !important;
line-height: 20px;
}
#block_contact_infos li  strong {
font-weight:normal;
font-size:13px;
}
#block_contact_infos li  pre {font: 11px/20px Arial,Verdana,sans-serif;}

/*************** Block LINK ***************/
#links_block_left .block_content li {border-bottom:1px dotted #eee}
#links_block_left .block_contentt li.last {border:none;}
#links_block_left .block_content li a {
   display:block;
   padding:7px 11px 5px 22px;
   color:#333;
   background:url(../../../modules/blocklink/img/arrow_right_2.png) no-repeat 10px 10px transparent;
}

/*************** Block MANUFACTURER ***************/
.blockmanufacturer li {border-bottom:1px dotted #ccc}
.blockmanufacturer li.last { border:none;}
.blockmanufacturer li a {
 display:block;
 padding:7px 11px 5px 22px;
 color:#333;
 background:url(../../../modules/blockmanufacturer/img/arrow_right_2.png) no-repeat 10px 10px transparent
}

.blockmanufacturer form {margin-top:10px;}
.blockmanufacturer p {
padding:0;
text-align:center
}
/*************** Block LOGO PAYMENT ***************/
.paiement_logo_block { width: 179px; text-align: center; margin-bottom: 1.5em;background:#fff;padding:15px 10px 10px;border:1px solid #D2D2D2 }
.paiement_logo_block a { text-decoration: none }
.paiement_logo_block img { margin: 0 0.5em }
/*************** Block RSS ***************/
#rss_block_left p {
margin:0;
padding:10px;
}
#rss_block_left li {border-bottom:1px dotted #ccc}
#rss_block_left li.last { border:none;}
#rss_block_left li a {
 display:block;
 padding:7px 11px 5px 22px;
 color:#333;
 background:url(../../../modules/blockrss/img/arrow_right_2.png) no-repeat 10px 10px transparent
}
/*************** Block STORE ***************/
.blockstore img { margin: 10px 0 0 0}
.blockstore p {
padding-bottom:0;
font-weight:bold;
text-align: right
}
.blockstore p.store_image {
padding-bottom:10px;
text-align:center
}

/*************** Block SUPPLIER ***************/
.blocksupplier li {border-bottom:1px dotted #ccc}
.blocksupplier li.last { border:none;}
.blocksupplier li a {
 display:block;
 padding:7px 11px 5px 22px;
 color:#333;
 background:url(../../../modules/blocksupplier/img/arrow_right_2.png) no-repeat 10px 10px transparent
}
.blocksupplier form {margin-top:10px;}
.blocksupplier p {
padding:0;
text-align:center
}
/**************** border-radius *****************/
.order_carrier_content, #center_column .sortPagiBar , ul#order_step, #more_info_sheets,
.paiement_block,#my-account .myaccount_lnk_list,.warning,.order_delivery .first_item,.paiement_logo_block,#crossselling {
-moz-border-radius: 17px;
-webkit-border-radius: 17px;
border-radius: 17px;
}
/*************** mobile_switch ***************/
.mobile_switch{margin-left:920px;position:absolute;margin-top:190px}
.mobile_switch p{margin-bottom:0;padding-bottom:0}

Edited August 14, 2013 by Tatttoo (see edit history)

vekia · August 14, 2013

hello

i mentioned files where you have to change the values. #page you've got near the 46 line in the global.css file

Tatttoo · August 14, 2013

Yes and i appreciate your help vekia, i just dont know how to add them correctly.

vekia · August 14, 2013

you need to remove border:1px solid #d2d2d2; (not to add "remove: border:1px solid #d2d2d2)
margin-top:480px; - this you have to add there:

#page {background:#ececec; margin-top:480px;}

Tatttoo · August 14, 2013

Yes!!! Thank you sooo much vekia!!!

Sorry about my ignorance on css.

vekia · August 14, 2013

no worries im here to explain everything

glad that it works as you expect

Tatttoo · August 14, 2013

Yes i noticed people wanted it on top but didnt want it on every page. I think on every page is the best way to promote/show all the products available. So when there shopping for one thing they see all the other products available at the same time. I have a lot of pictures to edit and add but its well worth it! thank you again

csstag · December 18, 2013

Hello Guys,

This forum helped me so many times with my first shop, first I want to say thank you for all you people!!

I'm in a trouble with this home slider tutorial, I just cant get it done somehow, I hope you can help me.

So first I followed the instructions: http://mypresta.eu/en/art/tips-and-tricks/how-to-move-image-slider-module-from-home-to-top-in-prestashop.html

then I got an error message in Presta: Parse failure in homslider.php, cannot load this module

So I removed the piece of code, and got the original back.

Then I downloaded the complete zip from Vekia, installed it, and then got the homslider at the top section, but it was transparent, and all the other parts of the shop were hovering on top of the home slider.

So I removed that too.

Now I found this topic, tried to reinstall the original one, to follow these instruction, found here, but now, with the original slider installed - without any modifications yet - all I get is a "1" at the top left corner of the website when I try to load my shop.

So I'm a bit hopless now...

Any idea about this?

vekia · December 18, 2013

it's enough to post it one time

solution for your question in other your topic: http://www.prestashop.com/forums/topic/296614-home-slider-top-of-pages-page-hovering-over-it/?do=findComment&comment=1498089

[solved] Move slider from home to top

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

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