browse_1 - div верстка, обрамление товара в категории. - [VM1] Дизайн, оформление

Joomla 1.5.21
VertueMart 1.1.5

Решил сделать обрамление товаров в категории все хорошо все получилось за исключением одного нюанса у каждого следующего товара уменьшается блок с права, чем больше товаров тем меньше блок, товарищи специалисты подскажите в чем дело. Моих познаний не хватает.

Вот сам Browse_1

Код: php

<?php if( !defined( '_VALID_MOS' ) && !defined( '_JEXEC' ) ) die( 'Direct Access to '.basename(__FILE__).' is not allowed.' );
mm_showMyFileName(__FILE__);
 ?>
  	<!--My block-->
		<div class="brows_1 ">
	
		<div class="topl-1">
			<div class="topr-2">
				<div class="top-3"/>
			</div>
		</div>
	<div class="bokl-1">
		<div class="bokr-2">
			<div class="bg-3">
        	<!--My block-->

		<div class="browseProductContainer">
		
		<div class="browseProductScu">
           <?php echo $product_sku ?>
         </div> 
        
		
        <h3 class="browseProductTitle"><a title="<?php echo $product_name ?>" href="<?php echo $product_flypage ?>">
            <?php echo $product_name ?> </a> 
			<?php #echo $product_sku ?>
        </h3>
        
		  
		
        <div class="browsePriceContainer">
            <?php echo $product_price ?>
        </div>
        
        <div class="browseProductImageContainer">
	        <script type="text/javascript">//<![CDATA[
	        document.write('<a href="javascript:void window.open(\'<?php echo $product_full_image ?>\', \'win2\', \'status=no,toolbar=no,scrollbars=yes,titlebar=no,menubar=no,resizable=yes,width=<?php echo $full_image_width ?>,height=<?php echo $full_image_height ?>,directories=no,location=no\');">');
	        document.write( '<?php echo ps_product::image_tag( $product_thumb_image, 'class="browseProductImage" border="0" title="'.$product_name.'" alt="'.$product_name .'"' )?></a>' );
	        //]]>
	        </script>
	        <noscript>
	            <a href="<?php echo $product_full_image ?>" target="_blank" title="<?php echo $product_name ?>">
	            <?php echo ps_product::image_tag( $product_thumb_image, 'class="browseProductImage" border="0" title="'.$product_name.'" alt="'.$product_name .'"' )?>
	            </a>
	        </noscript>
        </div>
        
      

		
      <!--  <div class="browseProductDescription">
            <?php #echo $product_s_desc ?>&nbsp;        
			<a href="<?php #echo $product_flypage ?>" class="prodbutton" title="<?php #echo $product_details ?>"><br /> 
			</a>
        </div>
        <br />-->
        <span class="browseAddToCartContainer">
         <?php echo $form_addtocart ?>
        </span>
		
</div>

<!--My block-->
		</div>
		</div>
	</div>
		<div class="botl-1">
			<div class="botr-2">
				<div class="bot-3"/>
			</div>
		</div>
</div>
<!--My block-->

вот кусок CSS

Код: css

 div.brows_1 div.topl-1 {
	background: url(/images/module_rounded_tl.png) 0 0 no-repeat;
	
}

div.brows_1 div.topr-2 {
	padding: 0px 10px 0px 10px;
	background: url(/images/module_rounded_tr.png) 100% 0 no-repeat;
}

div.brows_1 div.top-3 {
	height: 15px;
	background: url(/images/module_rounded_t.png) 0 0 repeat-x;
}

div.brows_1 div.bokl-1 {
	background: url(/images/module_rounded_l.png) 0 0 repeat-y;
}

div.brows_1 div.bokr-2 {
	padding: 0px 5px 0px 5px;
	background: url(/images/module_rounded_r.png) 100% 0 repeat-y;
}

div.brows_1 div.bg-3 {
	padding: 10px 10px 10px 10px;
	background: #F3F4F5 url(/images/module_rounded_bg.png) 0 100% repeat-x;
	min-height: 20px;
	overflow: hidden;
}

div.brows_1 div.botl-1 {
	background: url(/images/module_rounded_bl.png) 0 0 no-repeat;
}

div.brows_1 div.botr-2 {
	padding: 0px 10px 0px 10px;
	background: url(/images/module_rounded_br.png) 100% 0 no-repeat;
}

div.brows_1 div.bot-3 {
	height: 10px;
	background: url(/images/module_rounded_b.png) 0 0 repeat-x;
}

вот так это дело выглядет сечас

Заранее благодарен.

Настройки отображения товара Автор wectra	Ответов: 2 Просмотров: 5946	12.07.2017, 22:12:27 от wectra
Несколько изображений для товара/ Лупа для изображения/ Magic Zoom Автор antoha333	Ответов: 41 Просмотров: 28495	13.11.2015, 16:08:16 от sonics
Описание категории опустить под товары Автор angelo4ek-001	Ответов: 5 Просмотров: 3393	12.11.2015, 01:53:39 от fsv
Как реализовать на VirtueMart такую карточку товара? Автор AdmbVlad	Ответов: 0 Просмотров: 3606	14.10.2015, 17:01:55 от AdmbVlad
Вставить картинку в карточку товара через URL и создать его миниатюру Автор sashgera	Ответов: 8 Просмотров: 4430	14.02.2015, 21:12:46 от sashgera

browse_1 - div верстка, обрамление товара в категории. - [VM1] Дизайн, оформление

Новости Joomla

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

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

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

zarba

browse_1 - div верстка, обрамление товара в категории.

zarba

Re: browse_1 - div верстка, обрамление товара в категории.

Похожие темы