Image mapping not letting me select a category

[SilverCloud]

Hi,

 

I wonder if anyone can help. When i upload a picture to Image mapping i can't link it to the category i want the image to display in. The list of categories shows and i click on the category i want and click save. After saving my choice disappears and the category isn't selected anymore. I'm not sure why it's happening. I'm on Prestashop 1.5.5.0

 

Any help would be greatly appreciated.

 

Many thanks

[vekia]

hello

 

you want to create link to category here:

 

?

 

or you're talking about category tree, where you have to select categories where the mapped image will appear?

[SilverCloud]

Hi Vekia,

 

Thanks so much for the reply. I mean the second thing you mentioned - on the category tree, when i select the category where i want the mapped image to appear. After i click save the choice i've made disappears and no category is selected anymore. I have tried over and over and it still doesn't seem to work.

[vekia]

If i were you i will try latest AdminScenes controller from github: https://github.com/PrestaShop/PrestaShop/blob/development/controllers/admin/AdminScenesController.php

copy contents of this file and save it in your  / controllers / admin / AdminScenesController.php

[SilverCloud]

Hi Vekia, Thanks for the reply and info. The category tree does show for me to choose a category it is just the category choice i make doesn't stay selected after i have clicked save. Is that new code definitely likely to solve the problem? I have posted the contents of my file below if that helps at all. I'm a bit nervous about changing all the code.

 

 

 

 

 

<?php
/*
* 2007-2013 PrestaShop
*
* NOTICE OF LICENSE
*
* This source file is subject to the Open Software License (OSL 3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/osl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to [email protected] so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
* versions in the future. If you wish to customize PrestaShop for your
* needs please refer to http://www.prestashop.com for more information.
*
*  @author PrestaShop SA <[email protected]>
*  @copyright  2007-2013 PrestaShop SA
*  @license    http://opensource.org/licenses/osl-3.0.php  Open Software License (OSL 3.0)
*  International Registered Trademark & Property of PrestaShop SA
*/

class AdminScenesControllerCore extends AdminController
{
 public function __construct()
 {
   $this->table = 'scene';
  $this->className = 'Scene';
   $this->lang = true;
   $this->addRowAction('edit');
   $this->addRowAction('delete');

  $this->identifier = 'id_scene';
  $this->fieldImageSettings = array(
   array('name' => 'image', 'dir' => 'scenes'),
   array('name' => 'thumb', 'dir' => 'scenes/thumbs')
  );

  $this->fields_list = array(
   'id_scene' => array(
    'title' => $this->l('ID'),
    'align' => 'center',
    'width' => 25
   ),
   'name' => array(
    'title' => $this->l('Image Maps'),
    'filter_key' => 'b!name'
   ),
   'active' => array(
    'title' => $this->l('Activated'),
    'width' => 70,
    'align' => 'center',
    'active' => 'status',
    'type' => 'bool',
    'orderby' => false
   )
  );

  parent::__construct();
 }

 protected function afterImageUpload()
 {
  /* Generate image with differents size */
  if (!($obj = $this->loadObject(true)))
   return;

  if ($obj->id && (isset($_FILES['image']) || isset($_FILES['thumb'])))
  {
   $base_img_path = _PS_SCENE_IMG_DIR_.$obj->id.'.jpg';
   $images_types = ImageType::getImagesTypes('scenes');

   foreach ($images_types as $k => $image_type)
   {      
    if ($image_type['name'] == 'scene_default' AND isset($_FILES['image']) AND isset($_FILES['image']['tmp_name']) AND !$_FILES['image']['error'])    
     ImageManager::resize(
      $base_img_path,
      _PS_SCENE_IMG_DIR_.$obj->id.'-'.stripslashes($image_type['name']).'.jpg',
      (int)$image_type['width'],
      (int)$image_type['height']);     
    else if ($image_type['name'] == 'm_scene_default')
    {    
     if (isset($_FILES['thumb']) && !$_FILES['thumb']['error'])
      $base_thumb_path = _PS_SCENE_THUMB_IMG_DIR_.$obj->id.'.jpg';
     else
      $base_thumb_path = $base_img_path;
     ImageManager::resize(
      $base_thumb_path,
      _PS_SCENE_THUMB_IMG_DIR_.$obj->id.'-'.stripslashes($image_type['name']).'.jpg',
      (int)$image_type['width'],
      (int)$image_type['height']);
    }
   }
  }

  return true;
 }

 public function renderForm()
 {
  $this->initFieldsForm();

  if (!($obj = $this->loadObject(true)))
   return;

  $this->tpl_form_vars['products'] = $obj->getProducts(true, $this->context->language->id, false, $this->context);

  return parent::renderForm();
 }

 public function initToolbar()
 {
  parent::initToolbar();

  if (in_array($this->display, array('add', 'edit')))
   $this->toolbar_btn = array_merge(array('save-and-stay' => array(
    'short' => 'SaveAndStay',
    'href' => '#',
    'desc' => $this->l('Save and stay'),
   )), $this->toolbar_btn);
 }

 public function initFieldsForm()
 {
  $obj = $this->loadObject(true);
  $scene_image_types = ImageType::getImagesTypes('scenes');
  $large_scene_image_type = null;
  $thumb_scene_image_type = null;
  foreach ($scene_image_types as $scene_image_type)
  {
   if ($scene_image_type['name'] == 'scene_default')
    $large_scene_image_type = $scene_image_type;
   if ($scene_image_type['name'] == 'm_scene_default')
    $thumb_scene_image_type = $scene_image_type;
  }
  $fields_form = array(
   'legend' => array(
    'title' => $this->l('Image Maps'),
    'image' => '../img/admin/photo.gif',
    ),
   'submit' => array(
    'title' => $this->l('Save'),
    'class' => 'button'
   ),
   'input' => array(
    array(
     'type' => 'description',
     'name' => 'description',
     'label' => $this->l('How to map products in the image:'),
     'text' => $this->l('When a customer hovers over the image, a pop-up appears displaying a brief description of the product.').
      $this->l('The customer can then click to open the full product page.').
      $this->l('To achieve this, please define the \'mapping zone\' that, when hovered over, will display the pop-up.').
      $this->l('Left click with your mouse to draw the four-sided mapping zone, then release.').
      $this->l('Then begin typing the name of the associated product, and  a list of products will appear.').
      $this->l('Click the appropriate product and then click OK. Repeat these steps for each mapping zone you wish to create.').
      $this->l('When you have finished mapping zones, click "Save Image Map."')
    ),
    array(
     'type' => 'text',
     'label' => $this->l('Image map name:'),
     'name' => 'name',
     'lang' => true,
     'size' => 48,
     'required' => true,
     'hint' => $this->l('Invalid characters:').' <>;=#{}'
    ),
    array(
     'type' => 'radio',
     'label' => $this->l('Status:'),
     'name' => 'active',
     'required' => false,
     'class' => 't',
     'is_bool' => true,
     'values' => array(
      array(
       'id' => 'active_on',
       'value' => 1,
       'label' => $this->l('Enabled')
      ),
      array(
       'id' => 'active_off',
       'value' => 0,
       'label' => $this->l('Disabled')
      )
     )
    ),
   ),
  );
  $this->fields_form = $fields_form;

  $image_to_map_desc = '';
  $image_to_map_desc .= $this->l('Format:').' JPG, GIF, PNG. '.$this->l('File size:').' '
    .(Tools::getMaxUploadSize() / 1024).''.$this->l('Kb max.').' '
    .sprintf($this->l('If an image is too large, it will be reduced to %1$d x %2$dpx (width x height).'),
    $large_scene_image_type['width'], $large_scene_image_type['height'])
    .$this->l('If an image is deemed too small, a white background will be added in order to achieve the correct image size.').'<br />'.
    $this->l('Note: To change image dimensions, please change the \'large_scene\' image type settings to the desired size (in Back Office > Preferences > Images).');
  if ($obj->id && file_exists(_PS_SCENE_IMG_DIR_.$obj->id.'-scene_default.jpg'))
  {
   $this->addJqueryPlugin('autocomplete');
   $this->addJqueryPlugin('imgareaselect');
   $this->addJs(_PS_JS_DIR_.'admin-scene-cropping.js' );
   $image_to_map_desc .= '<br /><img id="large_scene_image" alt="" src="'.
    _THEME_SCENE_DIR_.$obj->id.'-scene_default.jpg?rand='.(int)rand().'" /><br />';

   $image_to_map_desc .= '
      <div id="ajax_choose_product" style="display:none; padding:6px; padding-top:2px; width:600px;">
       '.$this->l('Begin typing the first few letters of the product name, then select the product you are looking for from the drop-down list:').'
        <br /><input type="text" value="" id="product_autocomplete_input" style="width: 450px"/>
        <input type="button" class="button" value="'.$this->l('OK').'" onclick="$(this).prev().search();" />
        <input type="button" class="button" value="'.$this->l('Delete').'" onclick="undoEdit();" />
      </div>
    ';

   if ($obj->id && file_exists(_PS_SCENE_IMG_DIR_.'thumbs/'.$obj->id.'-m_scene_default.jpg'))
    $image_to_map_desc .= '<br/>
     <img id="large_scene_image" style="clear:both;border:1px solid black;" alt="" src="'._THEME_SCENE_DIR_.'thumbs/'.$obj->id.'-m_scene_default.jpg?rand='.(int)rand().'" />
     <br />';

   $img_alt_desc = '';
   $img_alt_desc .= $this->l('If you want to use a thumbnail other than one generated from simply reducing the mapped image, please upload it here.')
    .'<br />'.$this->l('Format:').' JPG, GIF, PNG. '
    .$this->l('File size:').' '.(Tools::getMaxUploadSize() / 1024).''.$this->l('Kb max.').' '
    .sprintf($this->l('Automatically resized to %1$d x %2$dpx (width x height).'),
    $thumb_scene_image_type['width'], $thumb_scene_image_type['height']).'.<br />'
    .$this->l('Note: To change image dimensions, please change the \'m_scene_default\' image type settings to the desired size (in Back Office > Preferences > Images).');

   $input_img_alt = array(
    'type' => 'file',
    'label' => $this->l('Alternative thumbnail:'),
    'name' => 'thumb',
    'desc' => $img_alt_desc
   );

   $selected_cat = array();
   if (Tools::isSubmit('categories'))
    foreach (Tools::getValue('categories') as $row)
     $selected_cat[] = $row;
   else if ($obj->id)
    foreach (Scene::getIndexedCategories($obj->id) as $row)
     $selected_cat[] = $row['id_category'];

   $root_category = Category::getRootCategory();
   if (!$root_category->id)
   {
    $root_category->id = 0;
    $root_category->name = $this->l('Root');
   }
   $root_category = array('id_category' => (int)$root_category->id, 'name' => $root_category->name);
   $trads = array(
       'Root' => $root_category,
       'selected' => $this->l('Selected'),
       'Check all' => $this->l('Check all'),
       'Check All' => $this->l('Check All'),
       'Uncheck All'  => $this->l('Uncheck All'),
       'Collapse All' => $this->l('Collapse All'),
       'Expand All' => $this->l('Expand All'),
       'search' => $this->l('Search a category')

      );
   $this->fields_form['input'][] = array(
     'type' => 'categories',
     'label' => $this->l('Categories'),
     'name' => 'categories',
     'values' => array('trads' => $trads,
      'selected_cat' => $selected_cat,
      'input_name' => 'categories[]',
      'use_radio' => false,
      'use_search' => true,
      'disabled_categories' => array(4),
      'top_category' => Category::getTopCategory(),
      'use_context' => true,
     )
    );
  }
  else
   $image_to_map_desc .= '<br/><span class="bold">'.$this->l('Please add a picture to continue mapping the image.').'</span><br/><br/>';

  if (Shop::isFeatureActive())
  {
   $this->fields_form['input'][] = array(
    'type' => 'shop',
    'label' => $this->l('Shop association:'),
    'name' => 'checkBoxShopAsso',
   );
  }

  $this->fields_form['input'][] = array(
   'type' => 'file',
   'label' => $this->l('Image to be mapped:'),
   'name' => 'image',
   'display_image' => true,
   'desc' => $image_to_map_desc,
  );

  if (isset($input_img_alt))
   $this->fields_form['input'][] = $input_img_alt;
 }

 public function postProcess()
 {
  if (Tools::isSubmit('save_image_map'))
  {
   if (!Tools::isSubmit('categories') || !count(Tools::getValue('categories')))
    $this->errors[] = Tools::displayError('You should select at least one category.');
   if (!Tools::isSubmit('zones') || !count(Tools::getValue('zones')))
    $this->errors[] = Tools::displayError('You should create at least one zone.');
  }
  
  if (Tools::isSubmit('delete'.$this->table))
  {
   if (Validate::isLoadedObject($object = $this->loadObject()))
    $object->deleteImage(false);
   else
    return false;
  }
  parent::postProcess();
 }
}

 

[vekia]

if you're worries, before changes - just prepare a backup of file I mentioned above.

you don't have to worry, you can always use backuped file.

[SilverCloud]

Hi Vekia,

 

Thanks for the advice. I put in the new code and afterwards when i went to the image mapping page in my BO the page wouldn't load and came up with an internal error so it didn't seem to work. I made a back up of the original code and put that back in for now. Still not sure what to do.

 

Thanks for all your help.

[SilverCloud]

Hi,

 

Has anyone else had this problem with the categories in image mapping? Have been searching the forums but can't seem to find anything.

 

Vekia - Thanks for all the help. When i put in the new code, how do i get it to line up with the correct line numbers? Do i just use copy and paste? When i do this the code ends up on the wrong lines if that make any sense.

[SilverCloud]

Anyone any idea with this?

[vekia]

I don't have idea what is wrong in your store, sorry.

in this case it will be necessary to inspect controllers, code and do some tests in back office.

without access to store and filesystem it will not be possible.

[TJMare]

I have the same problem. I would like to map a link directly to a category AND NOT a single product but this image mapper doesn't want to allow that. It seems to only map to specific products. Having a nice image on the homepage is great and mapping it to categories makes more sense than directly to products.

Edited November 7, 2013 by TJMare (see edit history)

[Premkumar]

I tried to change the images in the image mapping, i can change but the changes are not reflected in the home page...The scenes always display the default images...Please help me