Новости Joomla

NorrCompetition 3.0 — новые возможности компонента конкурсов и голосований для Joomla 6

Релиз NorrCompetition 3.0 — крупное обновление расширения для проведения конкурсов и голосований в Joomla.

Вышли релизы безопасности Joomla 6.1.1 и Joomla 5.4.6

Релиз безопасности Joomla 6.1.1 и Joomla 5.4.6

Проект Joomla! рад сообщить о выходе Joomla 6.1.1 и Joomla 5.4.6. Это релизы безопасности и исправления ошибок для серий 5.x и 6.x.

👩‍💻 JoomShopping: Самый полный курс по созданию интернет-магазина на CMS Joomla.

👩‍💻 JoomShopping: Самый полный курс по созданию интернет-магазина на CMS Joomla.

В открытый доступ выложен видео-курс Дмитрия Гончарова по созданию интернет-магазина на связке Joomla + JoomShopping. Видеоуроки содержат пошаговые инструкции от регистрации хостинга до особенностей вёрстки, настройки способов оплаты и доставки.

В видео фигурирует JoomShopping 4 и Joomla 3, однако JoomShopping довольно консервативный компонент и многие способы и подходы в нём не менялись годами, поэтому данные видео могут быть по прежнему полезны.

Смотреть видео-курс

@joomlafeed

1   Вниз
0 Пользователей и 1 Гость просматривают эту тему.
  • 7 Ответов
  • 2000 Просмотров
*

crocus

  • Осваиваюсь на форуме
  • 34
  • 0 / 0
уменьшение расстояния по вертикали между товарами
« : 14.06.2011, 11:23:59 »
код файла browse:
Код
<?php if( !defined( '_VALID_MOS' ) && !defined( '_JEXEC' ) ) die( 'Direct Access to '.basename(__FILE__).' is not allowed.' );
mm_showMyFileName(__FILE__);
 ?>
<table style="width: 716px; height: 44px;" border="2" >
<tbody>
<tr>
<td rowspan="2" style="width: 120px;" ><?php echo ps_product::image_tag( $product_thumb_image, 'class="browseProductImage" border="0" title="'.$product_name.'" alt="'.$product_name .'"' )?></td>
<td style="width: 370px;"><?php echo $product_s_desc ?> <a href="<?php echo $product_flypage ?>">[<?php echo $product_details ?>...]</a></td>
<td rowspan="2"><?php echo $form_addtocart ?></td>
</tr>
<tr>
<td><?php echo $product_price ?></td>
</tr>
</tbody>
</table>

в этом коде уже ничего не удалить, самый компактный вариант получился, но всё равно не устраивает..
вопросы:
1. как уменьшить расстояние по вертикали между товарами ? (файл со скриншотом во вложении)
2. несмотря на border="2" границ у таблицы не видно, это шаблон сайта влияет ? как исправить можно?

[вложение удалено Администратором]
Записан
*

Nsoft

  • Осваиваюсь на форуме
  • 14
  • 2 / 0
Re: уменьшение расстояния по вертикали межд&#
« Ответ #1 : 14.06.2011, 12:33:31 »
ну как минимум можно все решить не через таблицу , вы и так  не используете границы .

Код
<?php if( !defined( '_VALID_MOS' ) && !defined( '_JEXEC' ) ) die( 'Direct Access to '.basename(__FILE__).' is not allowed.' );
mm_showMyFileName(__FILE__);
 ?>
<div style="float:left;  width:120px; height:45px;"> <?php echo ps_product::image_tag( $product_thumb_image, 'class="browseProductImage" border="0" title="'.$product_name.'" alt="'.$product_name .'"' )?></div>
<div style="float:left; width:370px; height:45px;"><?php echo $product_s_desc ?> <a href="<?php echo $product_flypage ?>">[<?php echo $product_details ?>...]</a> <br /> <?php echo $product_price ?></div>
<div style="float:left; width:120px; height:45px;"><?php echo $form_addtocart ?></div>

Размеры взяты из вашей таблицы, не думаю что они подойдут, нужно будет править:
 - рассчитывать height(высоту) = "высота вашей картинки" + "1-2 px" , 
 - width(ширина) = "ваш шаблон сайта"
« Последнее редактирование: 14.06.2011, 12:58:18 от Nsoft »
Записан
*

Nsoft

  • Осваиваюсь на форуме
  • 14
  • 2 / 0
Re: уменьшение расстояния по вертикали межд&#
« Ответ #2 : 14.06.2011, 13:14:36 »
Код
<?php if( !defined( '_VALID_MOS' ) && !defined( '_JEXEC' ) ) die( 'Direct Access to '.basename(__FILE__).' is not allowed.' );
mm_showMyFileName(__FILE__);
 ?>
<div style="float:left;  width:100px; height:92px;"> <?php echo ps_product::image_tag( $product_thumb_image, 'class="browseProductImage" border="0" title="'.$product_name.'" alt="'.$product_name .'"' )?></div>
<div style="float:left; width:345px; height:92px;"><?php echo $product_s_desc ?> <a href="<?php echo $product_flypage ?>">[<?php echo $product_details ?>...]</a> <br  style="vertical-align:bottom"> <?php echo $product_price ?> <br/></div>
<div style="float:left; width:200px; height:92px; text-align: right;"><?php echo $form_addtocart ?></div>

Вот мой код подправленный под мой сайт, его можете использовать. У меня шаблон для материалов  всего 645px , вот исходя из этого я и настроил код. Вам соответственно нужно настраивать под ваш.

А и там где купить: вставил дополнительно
Код
text-align: right;
Что бы отправить содержимое в правый конец страницы
« Последнее редактирование: 14.06.2011, 13:18:04 от Nsoft »
Записан
*

crocus

  • Осваиваюсь на форуме
  • 34
  • 0 / 0
Re: уменьшение расстояния по вертикали между товарами
« Ответ #3 : 14.06.2011, 13:43:33 »
спасибо, хороший совет, думаю он мне подходит

а как всё же сделать таблицей? чтобы были очертания ?
Записан
*

Nsoft

  • Осваиваюсь на форуме
  • 14
  • 2 / 0
Re: уменьшение расстояния по вертикали между товарами
« Ответ #4 : 14.06.2011, 13:52:29 »
По поводу очертания - да, шаблон влияет. Быстро правда не могу ответить где именно смотреть.

Что бы в таблице было, для каждого товара будет создавать такая вот таблица. Поэтому - именно моих знаний пока не хватает, сделать так, что бы таблицы были впритык к друг другу. Хотя чисто логически понимаю, что возможно... но мне нужно подумать, пока даже примерно не знаю какой шаблон копнуть.
Записан
*

Nsoft

  • Осваиваюсь на форуме
  • 14
  • 2 / 0
Re: уменьшение расстояния по вертикали между товарами
« Ответ #5 : 14.06.2011, 14:20:16 »
А если применить border к моему коду , то вот что может выйти :


Код
<?php if( !defined( '_VALID_MOS' ) && !defined( '_JEXEC' ) ) die( 'Direct Access to '.basename(__FILE__).' is not allowed.' );
mm_showMyFileName(__FILE__);
 ?>

<div style="float:left; width:100px; height:98px; border:#000 double"> <?php echo ps_product::image_tag( $product_thumb_image, 'class="browseProductImage" border="0" title="'.$product_name.'" alt="'.$product_name .'"' )?></div>
<div style="float:left;  width:325px; height:92px;">
<div style="float:left; width:325px; height:66px;  border:#000 double"><?php echo $product_s_desc ?> <a href="<?php echo $product_flypage ?>">[<?php echo $product_details ?>...]</a></div>
<div style="float:left; width:325px; height:26px;  border:#000 double"> <?php echo $product_price ?></div></div>
<div style="float:left; width:200px; height:98px; text-align: right;  border:#000 double"><?php echo $form_addtocart ?></div>

Сразу говорю, это делалось на быструю руку и подгонялось под мой сайт.
Записан
*

Nsoft

  • Осваиваюсь на форуме
  • 14
  • 2 / 0
Re: уменьшение расстояния по вертикали межд&#
« Ответ #6 : 14.06.2011, 15:08:51 »
Вообщем подогнал все тонкости  кода , до хорошего отображения как в таблице, пробуйте:

Код
<?php if( !defined( '_VALID_MOS' ) && !defined( '_JEXEC' ) ) die( 'Direct Access to '.basename(__FILE__).' is not allowed.' );
mm_showMyFileName(__FILE__);
 ?>

<div style="float:left; text-align:center; width:100px; height:98px; border:#000 double; "><?php echo ps_product::image_tag( $product_thumb_image, 'class="browseProductImage" " width="100%" height="100%" border="0" title="'.$product_name.'" alt="'.$product_name .'"' )?></div>
<div style="float:left;  width:325px; height:92px;">
<div style="float:left; width:325px; height:66px;  border:#000 double">&nbsp;<?php echo $product_s_desc ?> <br />&nbsp;<a href="<?php echo $product_flypage ?>">[<?php echo $product_details ?>...]</a></div>
<div style="float:left; width:325px; height:26px;  border:#000 double"> &nbsp;<?php echo $product_price ?></div></div>
<div style="float:left; width:200px; height:98px; text-align: right;  border:#000 double"><?php echo $form_addtocart ?></div>

Изменения от исходного:
Код
text-align:center;
+  хак в код
Код
width="100%" height="100%"
- выравнивание картинки товара в div. (возможно не работает, на больших размерах контейнера div не проверял).
&nbsp; - отступ от боковых границ, правда можно просто применить выравнивание, но я часто именно этим пользуюсь. 
« Последнее редактирование: 14.06.2011, 15:24:40 от Nsoft »
Записан
*

crocus

  • Осваиваюсь на форуме
  • 34
  • 0 / 0
Re: уменьшение расстояния по вертикали между товарами
« Ответ #7 : 14.06.2011, 17:19:23 »
спасибо, без границ смотрится лучше =)
Записан
1   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Подкатегории с товарами

Автор milan

 Ответов: 0
Просмотров: 1513 		Последний ответ 13.01.2015, 14:51:58
от milan
Как ввести описание категории под всеми товарами и под категориями?

Автор xilgiz

 Ответов: 0
Просмотров: 1289 		Последний ответ 10.04.2013, 07:24:56
от xilgiz
Навигация страниц с товарами в категории

Автор nightbodom

 Ответов: 8
Просмотров: 2222 		Последний ответ 04.04.2012, 03:45:43
от nightbodom
Расстояние между фотками в товаре.

Автор rk3dnp

 Ответов: 5
Просмотров: 1986 		Последний ответ 18.01.2012, 12:11:58
от mansonfaust
Сместить подкатегории вниз под товары и убрать навигацию над товарами

Автор fialka

 Ответов: 10
Просмотров: 2785 		Последний ответ 15.09.2011, 23:10:30
от fialka