VirtueMart как сделать картинку с товаром в рамочке?

stalker828

Осваиваюсь на форуме
47
0 / 0

VirtueMart как сделать картинку с товаром в рамочке?

« : 23.07.2010, 17:06:43 »

VirtueMart подскажите как сделать(где? и какой код прописать) что-бы картинки с товарами были в рамочках..

Записан

ven4enso

Осваиваюсь на форуме
12
1 / 0

Re: VirtueMart как сделать картинку с товаром в рамочке?

« Ответ #1 : 23.07.2010, 17:24:30 »

Задай картинкам свой селектор CSS и пропиши в style.css или theme.css следующие свойство:

border: 1px solid #cccccc;

Например это выглядит так:
.img {
border: 1px solid #cccccc; - это значит картинка будет в рамке серого цвета
}

Записан

stalker828

Осваиваюсь на форуме
47
0 / 0

Re: VirtueMart как сделать картинку с товаром в рамочке?

« Ответ #2 : 23.07.2010, 18:00:31 »

если не затруднит, напиши подробнее в каком файле прописывать, и как сделать что-бы и кнопка купить и описание всё было в рамочке?

Записан

ven4enso

Осваиваюсь на форуме
12
1 / 0

Re: VirtueMart как сделать картинку с товаром в рамочке?

« Ответ #3 : 23.07.2010, 18:11:27 »

вот тебе учебник http://zvirec.com/css_sod.php - там все доступно написано... и рамки научишься делать и остальное...

Записан

stalker828

Осваиваюсь на форуме
47
0 / 0

Re: VirtueMart как сделать картинку с товаром в рамочке?

« Ответ #4 : 23.07.2010, 18:15:22 »

если не затруднит, напиши подробнее в каком файле прописывать, и как сделать что-бы и кнопка купить и описание всё было в рамочке?

Записан

icom

Давно я тут
830
202 / 4

Re: VirtueMart как сделать картинку с товаром в рамочке?

« Ответ #5 : 23.07.2010, 18:29:23 »

components\com_virtuemart\themes\default\theme.css

.browseProductContainer {
...
border: 2px solid red;
}

Записан

stalker828

Осваиваюсь на форуме
47
0 / 0

Re: VirtueMart как сделать картинку с товаром в рамочке?

« Ответ #6 : 23.07.2010, 18:50:46 »

не помогло, вообще ни наких изменений.....

Записан

icom

Давно я тут
830
202 / 4

Re: VirtueMart как сделать картинку с товаром в рамочке?

« Ответ #7 : 23.07.2010, 18:59:34 »

com_virtuemart\themes\default\templates\browse\browse_х.php
к первому <div> добавь

Код

 <div style="border: 2px solid red">

Записан

stalker828

Осваиваюсь на форуме
47
0 / 0

Re: VirtueMart как сделать картинку с товаром в рамочке?

« Ответ #8 : 23.07.2010, 19:37:53 »

спасибо огромное! "icom" а подскажи где категории сделать так-же в рамочку...и если не трудно как рамочку сделать с закругленными краями?

« Последнее редактирование: 23.07.2010, 19:46:58 от stalker828 »

Записан

icom

Давно я тут
830
202 / 4

Re: VirtueMart как сделать картинку с товаром в рамочке?

« Ответ #9 : 23.07.2010, 20:22:27 »

категории в рамочку:
components\com_virtuemart\themes\default\templates\common\categoryChildlist.tpl.php

Код

<table width="100%" cellspacing="0" cellpadding="0" border="1">

с закругленными краями:
com_virtuemart\themes\default\templates\browse\browse_х.php

Код

 <div style="background: url(../images/img.png) center no-repeat">

где img.png картинка квадрата с закругленными краями (самый простой и грубый способ)

« Последнее редактирование: 23.07.2010, 21:29:43 от icom »

Записан

stalker828

Осваиваюсь на форуме
47
0 / 0

Re: VirtueMart как сделать картинку с товаром в рамочке?

« Ответ #10 : 23.07.2010, 20:55:03 »

спасибо все окей, только вот закругленные рамки для каждой картинки прописывать что-ли?

Записан

icom

Давно я тут
830
202 / 4

Re: VirtueMart как сделать картинку с товаром в рамочке?

« Ответ #11 : 23.07.2010, 21:04:02 »

только один раз, и вам рамку для картинки или для всего (картинка, кнопка, описание)?

Записан

stalker828

Осваиваюсь на форуме
47
0 / 0

Re: VirtueMart как сделать картинку с товаром в рамочке?

« Ответ #12 : 23.07.2010, 21:23:46 »

рамку для всего (картинка, кнопка, описание) рамку для всего если вас не затруднит...

Записан

icom

Давно я тут
830
202 / 4

Re: VirtueMart как сделать картинку с товаром в рамочке?

« Ответ #13 : 23.07.2010, 21:28:59 »

com_virtuemart\themes\default\templates\browse\browse_х.php

Код

 <div style="background: url(../images/img.png) center no-repeat">

где img.png картинка квадрата с закругленными краями

Записан

stalker828

Осваиваюсь на форуме
47
0 / 0

Re: VirtueMart как сделать картинку с товаром в рамочке?

« Ответ #14 : 23.07.2010, 21:38:53 »

этот код прописывать вместо: <div style="border: 1px solid #cccccc; width:100%;padding: 0px 3px 3px 3px;"> ?

Записан

icom

Давно я тут
830
202 / 4

Re: VirtueMart как сделать картинку с товаром в рамочке?

« Ответ #15 : 23.07.2010, 21:45:13 »

да, вот так:

Код

<div style="background: url(../images/img.png) center no-repeat;width:100%;padding: 0px 3px 3px 3px;">

Записан

stalker828

Осваиваюсь на форуме
47
0 / 0

Re: VirtueMart как сделать картинку с товаром в рамочке?

« Ответ #16 : 23.07.2010, 22:50:13 »

пропиал вот так ничего не изменилось: <div style="background: url(../images/img.png) center no-repeat; border: 1px solid #cccccc;;width:100%;padding: 0px 3px 3px 3px;">
без этого куска вообще рамка пропадает:border: 1px solid #cccccc;

Записан

icom

Давно я тут
830
202 / 4

Re: VirtueMart как сделать картинку с товаром в рамочке?

« Ответ #17 : 23.07.2010, 22:52:04 »

а img.png в какую папку положили?

Записан

stalker828

Осваиваюсь на форуме
47
0 / 0

Re: VirtueMart как сделать картинку с товаром в рамочке?

« Ответ #18 : 23.07.2010, 23:29:17 »

shoop_imade\product\ все картинки здесь, они автоматом загрызились...

Записан

icom

Давно я тут
830
202 / 4

Re: VirtueMart как сделать картинку с товаром в рамочке?

« Ответ #19 : 23.07.2010, 23:50:10 »

img.png надо загрузить в папку templates\ВАШ_ШАБЛОН\images\

Записан

stalker828

Осваиваюсь на форуме
47
0 / 0

Re: VirtueMart как сделать картинку с товаром в рамочке?

« Ответ #20 : 23.07.2010, 23:52:43 »

так виртуатмарк сам загружает фото товара в свой компонент...

Записан

icom

Давно я тут
830
202 / 4

Re: VirtueMart как сделать картинку с товаром в рамочке?

« Ответ #21 : 23.07.2010, 23:56:37 »

мы сейчас про что говорим, про картинку товаров или картинку с закругленными углами для фона, делайте как я написал и будет все нормально

Записан

icom

Давно я тут
830
202 / 4

Re: VirtueMart как сделать картинку с товаром в рамочке?

« Ответ #22 : 23.07.2010, 23:57:41 »

картинка должна бить размером как блок с рамочкой

Записан

stalker828

Осваиваюсь на форуме
47
0 / 0

Re: VirtueMart как сделать картинку с товаром в рамочке?

« Ответ #23 : 24.07.2010, 00:11:05 »

да нет вы меня не поняли, мне-бы хотелось сделать рамочку вокруг картинки с товаром: рамку для всего (картинка, кнопка, описание), вы показали как рамку делать, я сделал получилось - спасибо, но как у этой рамки закруглить края? вот о чем я спрашиваю..

Записан

stalker828

Осваиваюсь на форуме
47
0 / 0

Re: VirtueMart как сделать картинку с товаром в рамочке?

« Ответ #24 : 24.07.2010, 00:12:26 »

в принцепи рамочма получмлась красивая квадратная, хотелось-бы с закругленными краями сделать...

Записан

stalker828

Осваиваюсь на форуме
47
0 / 0

Re: VirtueMart как сделать картинку с товаром в рамочке?

« Ответ #25 : 24.07.2010, 00:17:10 »

огромное спасибо за помощь!

Записан

ven4enso

Осваиваюсь на форуме
12
1 / 0

Re: VirtueMart как сделать картинку с товаром в рамочке?

« Ответ #26 : 30.07.2010, 03:01:49 »

.border_rounded {
background-color: #ddccb5;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 2px solid #897048;
padding: 10px;
width: 310px;
}

код который делает закругленные углы, но работает не во всех браузерах. это CSS3

Записан

TRAFFIC

Захожу иногда
110
1 / 0

Re: VirtueMart как сделать картинку с товаром в рамочке?

« Ответ #27 : 25.08.2010, 21:45:01 »

А подскажите, как грамотно показать рамку вокруг продукта, если у меня browse_5 не имеет тэга div, т.к. настроено отображение в виде таблицы?
Включаю border в самом тэге table - выходит плохо: прорисовываются все клетки таблицы, а нужен только контур..
Есть хорошая штука для таблиц - frame="box", но работает только в IE.. !

Код

 <table width="100%" cellspacing="0" cellpadding="0" border="0">
  <tr>
    <td >
        <a style="font-size: 16px; font-weight: bold;" href="<?php echo $product_flypage ?>"><?php echo $product_name ?></a>
    </td>
  </tr>
  <tr>
    <td align="left" nowrap ><?php echo $product_price ?></td>
  </tr>
  <tr>
    <td ><a href="<?php echo $product_flypage ?>">
          <?php echo ps_product::image_tag( $product_thumb_image, 'class="browseProductImage" border="0" title="'.$product_name.'" alt="'.$product_name .'"' )?>
       </a>
    </td>
  </tr>
  <tr>
    <td height="80" valign="top"><?php echo $product_s_desc ?><br />
      <a style="font-size: 9px; font-weight: bold;" href="<?php echo $product_flypage ?>">[<?php echo $product_details ?>...]</a>
    </td>
  </tr>
  
  <tr>
    <td ><?php echo $product_rating ?></td>
  </tr>
<tr>
    <td ><hr /></td>
  </tr>
</table>

Записан

icom

Давно я тут
830
202 / 4

Re: VirtueMart как сделать картинку с товаром в рамочк

« Ответ #28 : 25.08.2010, 22:41:34 »

вот так

Код

<table width="100%" cellspacing="0" cellpadding="0" border="0" style="border: 1px solid #ccc">

Записан

TRAFFIC

Захожу иногда
110
1 / 0

Re: VirtueMart как сделать картинку с товаром в рамочке?

« Ответ #29 : 26.08.2010, 00:07:56 »

icom - О как! Хвала тебе, добрый человек!

.. эх, говорила мне мама - иди в программисты..

Записан

VirtueMart не может создать мини-изображение из .jpeg-файла Автор Nick IntegraLL	Ответов: 13 Просмотров: 12053	19.08.2025, 09:55:52 от AgentSmith
Как реализовать на VirtueMart такую карточку товара? Автор AdmbVlad	Ответов: 0 Просмотров: 1872	14.10.2015, 17:01:55 от AdmbVlad
[download] Модуль вывода товаров для VirtueMart (1.2.3 и 2.1) Автор beliyadm	Ответов: 1448 Просмотров: 380202	21.07.2015, 06:21:55 от Серегин
mod VirtueMart featureprod редактирование Автор vsokol	Ответов: 1 Просмотров: 1922	10.04.2015, 08:07:41 от vsokol
Редактирование главной страницы VirtueMart Автор cheni	Ответов: 13 Просмотров: 12581	02.04.2015, 08:41:09 от flyingspook

Как тестировать Joomla PHP-разработчику? Компонент Patch tester.

Вышел релиз Revo PageBuilder Toolkit for YOOtheme Pro 1.6

Большое обновление: Content Cart 4.0

Похожие темы