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

zarba · February 27, 2011

Joomla 1.5.21

VertueMart 1.1.5

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

Вот сам Browse_1

то что добавлял находится в My block

<?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="java script:void window.open(\'<?php echo $product_full_image ?>\', \'win2\', \'status=no,toolbar=no,scrollbars=yes,titlebar=no,menubar=no,resizable=yes,wid
th=<?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 ?>         
			<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

 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;
}

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

Kysin · February 27, 2011

Дайте ссылку на страницу с ошибкой. Так будет проще решить проблему

zarba · February 27, 2011

Сайт расположен локально...... но могу предоставить все что.. надо только спрашивайте..... надо край решить проблему...

в VM в категорю товаров выводятся товары по средством browse_1 а browse_notables.tpl.php повторяет динамически browse_1 (сколько товаров столь раз ...).

вот код browse_notables.tpl.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"> 
        </div> 
        </div> 
    </div> 
        <div class="botl-1"> 
            <div class="botr-2"> 
                <div class="bot-3"/> 
            </div> 
        </div> 
</div> 
<!--My block-->

Edited February 27, 2011 by zarba

Kysin · February 27, 2011

Я прочитал первые три темы в этом разделе. Очень много правильного.

Сейчас Вы просите, чтобы я развернул WM на хостинге, перенес Ваш код на хостинг. Нашел проблему и сообщил Вам решение.

Боюсь, что не много найдется таких решительных людей.

Поэтому, предлагаю, сделать все это самому, и количество помогающих резко возрастет! Т.к. скорее всего, проблема очень маленькая, но чтобы решить ее Вы предлагаете сделать очень много.

(Прочитайте первые три темы в этом разделе)

Причина одна: сразу много лишних движений не нужно будет делать тем, кто помогает.

zarba · February 27, 2011

Сейчас Вы просите, чтобы я развернул WM на хостинге, перенес Ваш код на хостинг. Нашел проблему и сообщил Вам решение.

хм укажите в каком месте я чтото просил Вас сделать, вроде звучало таким образом...

но могу предоставить все что.. надо только спрашивайте..... надо край решить проблему...

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

Вам делатьть ни чего ненужно....от Вас только помощь советом....

если для решения этого вопроса неодходим всетаки доступ к сайту придется заводить хостинг.....

Edited February 27, 2011 by zarba

swetlana · February 27, 2011

zarba, вообще-то Kysin вам всё правильно сказал.

Почитайте на досуге: http://forum.htmlbook.ru/index.php?showtopic=18446

…если вам надо…

не забывайте, что всё-таки это надо в первую очередь вам.

И если действительно надо, не поленитесь найти хостинг.

Можно даже на домашнем компе поднять сервер и дать ip-адрес. Кто-то тут недавно так делал — и всё нормально, получил совет, в котором нуждался.

Kysin · February 27, 2011

Дело в том, что для помощи Вам советом, нужно проделать весь список дел, который я описал.

Поэтому, предлагаю завести хостинг, тем более, что его все равно придется заводить...

И советы придут сразу, не заставят себя ждать.

zarba · February 27, 2011

прочитал.... покаялся..... исправился..... прошу прощения

вот симулировал проблему на хостинге.... взгляните пожайлуста если не затруднит... Зарание благодарен.

Проблема

Serlutin · February 27, 2011

У вас каждый последующий DIV вложен в предыдущий и каждому задано width: 98%

Каждый следующий вложенный контейнер считает ширину относительно родителя, вот и получается лесенка.

Вариант 1. Сделать везде width: 100%

Вариант 2. Оформить каждый div отдельно, а не вкладывать друг в друга. Этот вариант с точки зрения структурности более логичен и предпочтительнее.

zarba · February 28, 2011

У вас каждый последующий DIV вложен в предыдущий и каждому задано width: 98%
Каждый следующий вложенный контейнер считает ширину относительно родителя, вот и получается лесенка.
Вариант 1. Сделать везде width: 100%
Вариант 2. Оформить каждый div отдельно, а не вкладывать друг в друга. Этот вариант с точки зрения структурности более логичен и предпочтительнее.

От всей души ... спсибо большое за участие

по первому пункту нашел где задается ширина

в browse_notable.tpl.php

в этой строке

echo "<div style=\"margin-right: 5px; width:". intval(round(100/$cell_count)-2) ."%; float:left;\" id=\"".uniqid( "row_" ) ."\">";

не совсем понятно для каких целей это сделано ?ntval(round(100/$cell_count)-2) хотя без обрамления моими дивами... вроде работает нормально...

подправил на это

echo "<div style=\"margin-right: 5px; width:100%; float:left;\" id=\"".uniqid( "row_" ) ."\">";

все заработало спасибо всем....

а вот по второму пункту не понятно.... можно поподробнее если не затруднит ... как это каждый див отдельно не вкладывая ... ?

swetlana · February 28, 2011

прочитал.... покаялся..... исправился..... прошу прощения

спасибо, что не обиделся, а всё правильно понял

Sign In

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

Question

Link to comment

Share on other sites

10 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information