Virtuemart - рамка\бордюр вокруг изображения продукта.

Статус
В этой теме нельзя размещать новые ответы.

ineteye

Постоялец
Заблокирован
Регистрация
24 Май 2008
Сообщения
55
Реакции
0
  • Автор темы
  • Заблокирован
  • #1
Как сделать рамку\бордюр для Thumb изображений я разобрался:
в
components/com_virtuemart/themes/default/theme.css
добавляем

img.browseProductImage {
border:1px solid #000000;
}

Но вот в на странице описания продукта (flypage.tpl.php по умолчанию:(

<div id="product-image-container"> <?php echo $product_image ?></div>

Добавляет только вокруг контейнера...

(изначально было : <?php echo $product_image ?>)
 
Попробуй добавить
Код:
#product-image-container {
   border:1px solid #000000;
}
Или в шаблон
Код:
<span class="test"><div id="product-image-container"> <?php echo $product_image ?></div></span>
Потом
Код:
.test {
   border:1px solid #000000;
}
 
Но вот в на странице описания продукта (flypage.tpl.php по умолчанию:(
<div id="product-image-container"> <?php echo $product_image ?></div>
Добавляет только вокруг контейнера...
(изначально было : <?php echo $product_image ?>)

В css:

#product-image-container img{
border:1px solid #000000;
}
 
  • Автор темы
  • Заблокирован
  • #4
К сожалению уже перепробовал все это ранее... получается не вокруг изображения а вокруг контейнера изображения. :(

Вообще решение скрывается из переделки вот этого из browse1...php

<?php echo ps_product::image_tag( $product_thumb_image, 'class="browseProductImage" border="0" title="'.$product_name.'" alt="'.$product_name .'"' ) ?>

....
для thumb далее в css --

img.browseProductImage {
border: 1px double #e0e0e0;
}
 
  • Автор темы
  • Заблокирован
  • #6
Может проще заменить border="0" на style="border:1px solid rgb(0, 0, 0)" ? ;)


<?php echo ps_product::image_tag( $product_thumb_image, 'class="browseProductImage" border="0" title="'.$product_name.'" alt="'.$product_name .'"' ) ?>

--- Это для thumb image ($product_thumb_image) --- сней и так все нормально... а надо для $product_image....
 
Product image - это полная картинка открывается в новом окне с эффектом slim\graybox (смотря на что настроил).
Чтобы добавить там рамку, исправь (например, как у меня:( components/com_virtuemart/js/slimbox/css/slimbox.css:
Код:
#lbImage {
background-repeat:no-repeat;
border:1px solid;
left:10px;
position:absolute;
top:10px;
}
И вообще, поставь себе плагин firebug на Mozilla и будешь сразу видеть, где что править.
 
а как gif мирцания рамачку ктонемудь может замутить? круть!!!
 
а как gif мирцания рамачку ктонемудь может замутить? круть!!!
а че там мутить все далется через css подкладываешь бекграунд ввиде анимационой гифки чтобы зарезинить делаешь конструкцию из 4 дивов например и каждому присваиваешь бекграунд к одной из сторон и так к каждому диву. Вообщем дело техники и во многом зависит от характера анимации.
 
Статус
В этой теме нельзя размещать новые ответы.
Назад
Сверху