#18 [ocStore_1541] Теперь длинное название товара не помещается толком в окне "fancybox" при просмотре увеличенного изображения

[Anonymous]

Originally created by: afwol... (code.google.com)@gmail.com

What steps will reproduce the problem?
1. делаем товар с длинным названием, например: "Теперь длинное название товара не помещается толком в этой рамке. Вообще, такое ощущение, что OC рассчитан на название товара не больше 20 символом)".
2. добавляем ему основное фото
3. переходим в карточку товара и клацаем на основное фото

What is the expected output? What do you see instead?

What version of the product are you using? On what operating system?
ocStore_1541

[Anonymous]

Originally posted by: afwol... (code.google.com)@gmail.com

как вариант:

[=== catalog/controller/product/product.php ===]

добавить
= = =
$this->data['full_name'] = $product_info['name'];
$this->data['short_name'] = utf8_substr($product_info['name'], 0, 50);
= = =

перед
= = =
$this->data['text_select'] = $this->language->get('text_select');
= = =

[=== catalog/view/theme/default/template/product/product.tpl ===]

находим примерный участок кода и меняем на этот:
= = =
      <div class="image"><a href="<?php echo $popup; ?>" title="<?php echo $short_name; ?>" class="colorbox" rel="colorbox"><img src="<?php echo $thumb; ?>" title="<?php echo $full_name; ?>" alt="<?php echo $full_name; ?>" id="image" /></a></div>
      <?php } ?>
      <?php if ($images) { ?>
      <div class="image-additional">
        <?php foreach ($images as $image) { ?>
        <a href="<?php echo $image['popup']; ?>" title="<?php echo $short_name; ?>" class="colorbox" rel="colorbox"><img src="<?php echo $image['thumb']; ?>" title="<?php echo $full_name; ?>" alt="<?php echo $full_name; ?>" /></a>
        <?php } ?>
= = =

[=== catalog/view/javascript/jquery/colorbox/colorbox.css ===]

меняем
= = =
        #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
= = =

на следующий код:
= = =
        #cboxTitle{position:absolute; bottom:-25px; right:23px; text-align:right; width:100%; font-weight:bold; color:#7C7C7C;}
= = =

[Anonymous]

Originally posted by: afwol... (code.google.com)@gmail.com

еще один вариант, более простой и удобный - переносим заголовок "cboxTitle" наверх изображения.
нам потребуется лишь одно изменение в файле стилей colorbox.

[=== catalog/view/javascript/jquery/colorbox/colorbox.css ===]

меняем
= = =
#cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
= = =

на
= = =
        #cboxTitle{position:absolute; top:0; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
= = =