Сообщений в теме: 7

[sergey85]

Здравствуйте,подскажите пожалуйста,можно ли поставить разделитель между списком акций,что-то вроде черточек.Шаблон Лайт.

[miyako]

sergey85 (09 Июнь 2013 - 15:57) писал:

Здравствуйте,подскажите пожалуйста,можно ли поставить разделитель между списком акций,что-то вроде черточек.Шаблон Лайт.

Найдите код в шаблоне Список акций:

<!-- promotion campaign list -->
{% IF promotion_campaign_empty %}
	<h3 class="promotionCampaignHeader">Акций в нашем магазине пока нет</h3>
{% ELSE %}
  {% FOR promotion_campaign %}
	<h3 class="promotionCampaignHeader"><a href="{promotion_campaign.URL}">{promotion_campaign.NAME}</a></h3>
	<p>
	  <table class="promotionCampaignInfo">
		<tr>
		  <td class="cell1"><p><span> Сроки проведения акции:</span></p></td>
		  <td class="cell2">{promotion_campaign.BEGINNING_TIME | date("d.m.Y")} - {promotion_campaign.EXPIRED_TIME | date("d.m.Y")}</td>
		</tr>
		<tr>
		  <td class="cell1"><p><span>Размер скидки:</span></p></td>
		  <td class="cell2">{promotion_campaign.PERCENTAGE} %</td>
		</tr>
	   </table>
	   <p>{promotion_campaign.DESCRIPTION_SHORT | htmlspecialchars_decode}</p>
	   <a title="{promotion_campaign.NAME}" href="{promotion_campaign.URL}">Подробнее...</a>
	</p>
  {% ENDFOR promotion_campaign %}
{% ENDIF %}	  
<!-- end promotion campaign list -->

и замените на:

<!-- promotion campaign list -->
{% IF promotion_campaign_empty %}
	<h3 class="promotionCampaignHeader">Акций в нашем магазине пока нет</h3>
{% ELSE %}
  {% FOR promotion_campaign %}
	<h3 class="promotionCampaignHeader"><a href="{promotion_campaign.URL}">{promotion_campaign.NAME}</a></h3>
	<p>
<div style="border-bottom:1px dotted black;width:50%;padding-bottom:5px;">
	  <table class="promotionCampaignInfo">
		<tr>
		  <td class="cell1"><p><span> Сроки проведения акции:</span></p></td>
		  <td class="cell2">{promotion_campaign.BEGINNING_TIME | date("d.m.Y")} - {promotion_campaign.EXPIRED_TIME | date("d.m.Y")}</td>
		</tr>
		<tr>
		  <td class="cell1"><p><span>Размер скидки:</span></p></td>
		  <td class="cell2">{promotion_campaign.PERCENTAGE} %</td>
		</tr>
	   </table>
</div>
	   <p>{promotion_campaign.DESCRIPTION_SHORT | htmlspecialchars_decode}</p>
	   <a title="{promotion_campaign.NAME}" href="{promotion_campaign.URL}">Подробнее...</a>
	</p>
  {% ENDFOR promotion_campaign %}
{% ENDIF %}	  
<!-- end promotion campaign list -->

[sergey85]

Все работает,только нужно разместить разделитель под краткое описание Акции и подробнее.

[Koderhan]

sergey85 (10 Июнь 2013 - 20:54) писал:

Все работает,только нужно разместить разделитель под краткое описание Акции и подробнее.

Панель администратора, "Сайт"->"Редактор тем".
В файле "Список акций".
Найти код:

<!-- promotion campaign list -->
{% IF promotion_campaign_empty %}
		<h3 class="promotionCampaignHeader">Акций в нашем магазине пока нет</h3>
{% ELSE %}
  {% FOR promotion_campaign %}
		<h3 class="promotionCampaignHeader"><a href="{promotion_campaign.URL}">{promotion_campaign.NAME}</a></h3>
		<p>
<div style="border-bottom:1px dotted black;width:50%;padding-bottom:5px;">
		  <table class="promotionCampaignInfo">
				<tr>
				  <td class="cell1"><p><span> Сроки проведения акции:</span></p></td>
				  <td class="cell2">{promotion_campaign.BEGINNING_TIME | date("d.m.Y")} - {promotion_campaign.EXPIRED_TIME | date("d.m.Y")}</td>
				</tr>
				<tr>
				  <td class="cell1"><p><span>Размер скидки:</span></p></td>
				  <td class="cell2">{promotion_campaign.PERCENTAGE} %</td>
				</tr>
		   </table>
</div>
		   <p>{promotion_campaign.DESCRIPTION_SHORT | htmlspecialchars_decode}</p>
		   <a title="{promotion_campaign.NAME}" href="{promotion_campaign.URL}">Подробнее...</a>
		</p>
  {% ENDFOR promotion_campaign %}
{% ENDIF %}	   
<!-- end promotion campaign list -->

Заменить:

<!-- promotion campaign list -->
{% IF promotion_campaign_empty %}
		<h3 class="promotionCampaignHeader">Акций в нашем магазине пока нет</h3>
{% ELSE %}
  {% FOR promotion_campaign %}
		<h3 class="promotionCampaignHeader"><a href="{promotion_campaign.URL}">{promotion_campaign.NAME}</a></h3>
		<p class="dt">
<div>
		  <table class="promotionCampaignInfo">
				<tr>
				  <td class="cell1"><p><span> Сроки проведения акции:</span></p></td>
				  <td class="cell2">{promotion_campaign.BEGINNING_TIME | date("d.m.Y")} - {promotion_campaign.EXPIRED_TIME | date("d.m.Y")}</td>
				</tr>
				<tr>
				  <td class="cell1"><p><span>Размер скидки:</span></p></td>
				  <td class="cell2">{promotion_campaign.PERCENTAGE} %</td>
				</tr>
		   </table>
</div>
		   <p>{promotion_campaign.DESCRIPTION_SHORT | htmlspecialchars_decode}</p>
		   <a title="{promotion_campaign.NAME}" href="{promotion_campaign.URL}">Подробнее...</a>
		</p>
  {% ENDFOR promotion_campaign %}
{% ENDIF %}	   
<!-- end promotion campaign list -->

Панель администратора, "Сайт"->"Редактор тем".
В файле "main.css".
Добавить в конец файла код:

.dt {
	border-bottom: 1px dotted black;
	padding-bottom: 10px;
}

[sergey85]

Так вообще нет разделителей...

[Сake]

Найдите в вашем файле стилей main.css

input.ui-button {
background: #D3D3D3;/*цвет фона для всех кнопок с таким классом*/
.dt {
		border-bottom: 1px dotted black;
		padding-bottom: 10px;
}

и замените на

input.ui-button {
background: #D3D3D3;/*цвет фона для всех кнопок с таким классом*/
}
.promotionCampaignHeader {
	border-top: 1px dotted;
	padding: 8px 0;
}
.promotionCampaignHeader:first-of-type {
	border-top: none;
}

[sergey85]

а как теперь полосы сделать покороче и где им задать цвет

[Vaccina]

Покороче задать разделитель нельзя, так как он использует всю ширину блока, если уменьшить блок то и текст сместиться. Задать цвет можно если изменить

border-top: 1px dotted;

на

border-top: 1px dotted #000;

где #000 необходимый цвет.