More image - как разместить с пробелами(промежутками)? - [VM1] Модификации и хаки

nsl2004

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

More image - как разместить с пробелами(промежутками)?

« : 28.04.2008, 23:07:55 »

Искал ответы не нашел. Долго.
VM - 1.1.3 beta 3/ Jomla 1.0.12
Проблема - на flypage вывожу картинки которые обычно скрываются за ссылкой больше изображений, не ссылкой , а сразу картинками. Использую такой код

Код

 <?php
          echo $this->vmlistAdditionalImages( $product_id, $images);
          ?>

Картинки исправно выводятся но выстраиваются дружно в ряд - без пробелов. Нужно их как то разделить и заключить в рамочки.
В то же время файлик shop.view_image.php - выводит теже картинки с разделением и в рамочках. Остановился на разделении , в этом файле это реализовано так

Код

 
$_SERVER['PHP_SELF']."?option=com_virtuemart&amp;
page=$page&amp;product_id=$product_id&amp;image_id=".$image->file_id."&amp;Itemid=".$Itemid.'&amp;pop='.$pop;
$title = $image->file_title;
echo "<a href=\"$href\" target=\"_self\" title=\"$title\"><img src=\"$thumburl\" 
alt=\"$alt\" align=\"center\" width=\"$width\" border=\"$border\" /></a>\n&nbsp;"; //в коннце то что разделяет рисунки
    // Break Row when needed
    //if( $i++ >= 4 ) { $i=0; echo "<br/><br/>"; }

вот это то </a>\n  если убрать, то картинки сцепляются. Далее - функция vmlistAdditionalImages выглядит так

Код

function vmlistAdditionalImages( $product_id, $images, $title='', $limit=1000 ) {
		global $sess;
		$html = '';
		$i = 0;
		foreach( $images as $image ) { 
		
       $thumbtag = ps_product::image_tag( $image->file_name,'class="browseProductImage"', 1, 'product', $image->
       file_image_thumb_height,
       $image->file_image_thumb_width );
       $fulladdress = $sess->url
       ( 'index2.php?page=shop.view_images&amp;image_id='.$image->file_id.'&amp;product_id='.$product_id.'&amp;pop=1' );
			
       if( $this->get_cfg('useLightBoxImages', 1 )) {
           $html .= vmCommonHTML::getLightboxImageLink( $image->file_url, $thumbtag, $title ? $title : $image->file_title,
           'product'.$product_id );
	}
	else {
             	$html .= vmPopupLink( $fulladdress, $thumbtag, 640, 550 );
	}
			
	if( ++$i > $limit ) break;
         }
         return $html;

Вроде всю необходимую информацию дал. Теперь прошу помощи как все таки разделить эти картинки промежутками или пробелами. В каком файле надо что то дописать и самое главное что дописать. Перепобовал все мыслимые и не мыслимые комбинации. Понимаю что это решается очень просто - но вот как? Подскажите хотя бы направление куда двигатся и что искать.
Вот эта тема _http://forum.virtuemart.ru/index.php?topic=252.0 вроде описывает процедуру, но она не решает проблему расстояния между изображениями. Здесь на форуме так же есть подобное, но маленького ответа ненахожу.

Записан

SolopoV

Давно я тут
577
16 / 0
зеленею...

Re: More image - как разместить с пробелами(промежутка

« Ответ #1 : 07.08.2008, 12:33:05 »

Цитата: nsl2004 от 28.04.2008, 23:07:55

Искал ответы не нашел. Долго.
VM - 1.1.3 beta 3/ Jomla 1.0.12
Вроде всю необходимую информацию дал. Теперь прошу помощи как все таки разделить эти картинки промежутками или пробелами. В каком файле надо что то дописать и самое главное что дописать. Перепобовал все мыслимые и не мыслимые комбинации. Понимаю что это решается очень просто - но вот как? Подскажите хотя бы направление куда двигатся и что искать.
Вот эта тема _http://forum.virtuemart.ru/index.php?topic=252.0 вроде описывает процедуру, но она не решает проблему расстояния между изображениями. Здесь на форуме так же есть подобное, но маленького ответа ненахожу.

если поможет то решение вот такое:
в theme.css сделайте
.browseProductImage {
padding: 5px;
}
этим картинкам присваивается класс browseProductImage. Ну а расстояние поставьте какое вам нужно. Плюс border...

А вот у меня вопрос: _http://forum.virtuemart.ru/index.php?topic=3066
Не сталкивались?

Записан

hitweb

Новичок
4
1 / 0

Re: More image - как разместить с пробелами(промежутками)?

« Ответ #2 : 05.07.2009, 21:25:56 »

Вот решение для 1.1.3 \ исходник тут http://forum.VirtueMart.net/index.php?topic=40466.0

1) in your flypage.tpl.php (components/com_VirtueMart/themes/yourtheme/templates/product_details/flypage.tpl.php)

find this:

Code:

<?php echo $this->vmlistAdditionalImages( $product_id, $images ) ?>

and replace with:

Code:

<div class="vm_more_images"><?php echo $this->vmlistAdditionalImages( $product_id, $images ) ?></div>

2) in your file theme.css
(components/com_VirtueMart/themes/yourtheme/theme.css)

add this where you like:

Code:

.vm_more_images img {
padding: 1px;
background-color: white;
margin: 29px;
}

That's all!

Записан

Как разместить модуль только на странице магазина Автор PolarWolf	Ответов: 0 Просмотров: 1173	17.10.2010, 22:37:15 от PolarWolf
Как разместить на главной статью и каталог Автор petyp	Ответов: 3 Просмотров: 1843	12.07.2010, 10:08:39 от effrit

More image - как разместить с пробелами(промежутками)? - [VM1] Модификации и хаки

Новости Joomla

‼️ 👩‍💻 Обновление безопасности для Tassos Framework!

👩‍💻 Joomla включена в программу Google Summer of Code 2026.

Вышли релизы Joomla 6.0.3 и Joomla 5.4.3

nsl2004

More image - как разместить с пробелами(промежутками)?

SolopoV

Re: More image - как разместить с пробелами(промежутка

hitweb

Re: More image - как разместить с пробелами(промежутками)?

Похожие темы