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

[L.V]

День добрый! Ребята сейчас вожусь с оформлением заказа (прочла все темы на форуме относящиеся к моему шаблону)

итак есть несколько вопросов

1 как изменить цвет кнопки оформить заказ (как у меня кнопка далее )

{% IF ORDER_STAGE_NUM=4%}
value="Оформить заказ"

{% ELSE %}
value="Далее »"
{% ENDIF %}
/>

{%ENDIF%}

2 где сменить цвет
- на первом шаге  цена товара где уменьшить и сменить цвет  и разленеить
- на втором  шаге чтоб название доставки было не серого цвета а моего (808000), где увеличить эту надпись?
при этом описание должно остаться прежним

3 самое главное у меня есть такая штучка как ее перенести
4 шрифт и цвет подвала где меняется

[miyako]

L.V (04 Декабрь 2013 - 09:06) писал:

День добрый! Ребята сейчас вожусь с оформлением заказа (прочла все темы на форуме относящиеся к моему шаблону)

итак есть несколько вопросов

1 как изменить цвет кнопки оформить заказ (как у меня кнопка далее )

{% IF ORDER_STAGE_NUM=4%}
value="Оформить заказ"

{% ELSE %}
value="Далее »"
{% ENDIF %}
/>

{%ENDIF%}

2 где сменить цвет
- на первом шаге  цена товара где уменьшить и сменить цвет  и разленеить Безымянный.png
- на втором  шаге чтоб название доставки было не серого цвета а моего (808000), где увеличить эту надпись?
при этом описание должно остаться прежним

3 самое главное у меня есть такая штучка как ее перенести
4 шрифт и цвет подвала где меняется

1) Уточните пожалуйста как именно нужно изменить кнопку. Сейчас у Вас кнопка Далее выглядит так как на скриншоте.
То есть Вам нужно поменять цвет шрифта, и сделать ее чуть крупнее?

Прикрепленные изображения

• 

[L.V]

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

[miyako]

2) Найдите код в main.css -

.cartFormTbody td.cell4 {
text-align: right;
font-size: 1.3em;
color: #188518;
}

замените цвет - #188518

Аналогично в коде -

.cartFormTbody td.cell5 {
text-align: right;
font-size: 1.3em;
color: #188518;
}

А также -

.cartFormTfootSumTable .cell2 {
text-align: right;
color: #188518;
}

Вы хотите добавить рамку. или сместить какой-то элемент?

3. Уточните вопрос

4. Цвет шрифта можно изменить в коде -

#footer_content {
text-align: center;
border-top: 0px solid #CCC;
clear: both;
color: #999;
font-family: verdana;
height: 139px;
width: 1024px;
margin: 0 auto;
}

в файле main.css
color: #999; - замените #999 на Ваш

Фон можно установить на всю ширину сайта, можно на ширину контента. Уточните пожалуйста.

[L.V]

3. есть всплывающее окно скролинга с корзиной в верху сайта а хочется его видеть внизу сайта

[miyako]

1) Найдите код в шаблоне Корзина -

<input type="submit" name="next_step" value="Оформить заказ"></td>

и замените на -

<input type="submit" name="next_step" value="Оформить заказ"class="buttonNew"></td>

Далее в конец main.css добавьте -

.buttonNew{
color: #d00000;
width: 160px;
height: 34px;
}

В дальнейшем, если нужно будет подобным образом изменить кнопку, то только нужно будет добавить класс - class="buttonNew"

L.V (04 Декабрь 2013 - 10:03) писал:

3. есть всплывающее окно скролинга с корзиной в верху сайта а хочется его видеть внизу сайта

Найдите код в файле cartpanel.css -

#float-cart {
position: fixed;
top: 0;
left: 50%;
margin: 0 auto;
margin-left: -500px;
width: 1000px;
z-index: 10000;
color: #fff;
background-color: #b5a642;
padding: 10px 0 10px;
display: none;
font: 10pt arial, helvetics, sens-serif;
border-bottom: 1px solid #808000;
border-radius: 0px 0px 15px 15px;
-moz-border-radius: 0px 0px 15px 15px;
-webkit-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
box-shadow: 3px 3px 15px rgba(1, 3, 1, 0.75);
filter: alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
-khtml-opacity: 0.8;
behavior: url(http://design.xn----7sbahxjlc3aa3b.xn--p1ai/PIE.htc);
}

и вместо top: 0; установите свойство bottom: 0; , то есть нужно удалить top: 0; и вместо него добавить bottom: 0;

[L.V]

большое огромное спасибо!
только 1 последний вопрос на 4 шаге сейчас кнопка такая

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

[Vaccina]

В main.css самый низ добавьте:

th .orderStageSubmitNavigation {
	padding-top: 0;
}

А где кнопки вставили:

<th>		   
		  <div class="orderStageSubmitNavigation">

замените на:

<th colspan="3">
		  <div class="orderStageSubmitNavigation">

[L.V]

ничего не изменилось

[L.V]

пожалуйста обратите внимание на то что мне нужно в скрине сейчас эта кнопка наверху и 2 раза повторяются контактные данные
z заменила слово  контактные данные на слова              вы приобретаете товары:
кнопки пусть там и стоят на верху главное подсветить кнопку

[Vaccina]

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

На данный момент вы переместили кнопки в иное место.

Уточните тогда пожалуйста свой вопрос, задача заключается в обычной стилизации кнопки "оформить заказ" или что-то иное.

[L.V]

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

[Koderhan]

L.V (06 Декабрь 2013 - 09:52) писал:

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

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

.orderStageSubmitNavigation input[name="tonext"] {
	color: #D00000;  width: 160px;  height: 34px;
}

[L.V]

БОЛЬШОЕ СПАСИБО ТЕПЕРЬ ВСЕ ВПОРЯДКЕ

[LDaisy]

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

Прикрепленные изображения

• 

[batta]

LDaisy (04 Август 2014 - 20:32) писал:

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

Здравствуйте
В Style.css

/* Оформление заказа. Выбор доставки */
.orderStageDelivery table			 {width:100%;margin-bottom:1em;}
.orderStageDelivery td				{vertical-align:middle;margin:0px;}
.orderStageDelivery td p			  {margin:0px;}
.orderStageDelivery td.cell1		  {width:20px;}
.orderStageDelivery td.cell2		  {width:auto;}
.orderStageDelivery td.cell3		  {width:200px;white-space:nowrap;text-align:right;font-size:1.5em;color:#188518;}
.orderStageDelivery textarea		  {width:100%;height:80px;}
.orderInfoDeliveryAddress input, 
.orderInfoDeliveryAddress #deliveryCountry {width:150px;}
#deliveryConvenientDate			   {width:75px; text-align:center;}
.orderInfoDeliveryAddress label	   {white-space:nowrap;padding-top:3px;display:block;}
.orderInfoDeliveryAddress td		  {vertical-align:top;}

Измените на

/* Оформление заказа. Выбор доставки */
.orderStageDelivery table			 {width:100%;margin-bottom:1em;}
.orderStageDelivery td				{vertical-align:middle;margin:0px;}
.orderStageDelivery td p			  {margin:0px;}
.orderStageDelivery td.cell1		  {width:20px;}
.orderStageDelivery td.cell2		  {width:auto;}
.orderStageDelivery td.cell3		  {width:200px;white-space:nowrap;text-align:right;font-size:1.5em;color:#188518;}
.orderStageDelivery textarea		  {width:100%;height:80px;}
.orderInfoDeliveryAddress input, 
.orderInfoDeliveryAddress #deliveryCountry {width:150px;}
#deliveryConvenientDate			   {width:75px; text-align:center;}
.orderInfoDeliveryAddress label	   {white-space:nowrap;padding-top:3px;display:block;}
.orderInfoDeliveryAddress td		  {vertical-align:top;}
.orderStageDeliveryZoneLabel label	{font-weight: normal;font-size: 11px;}
label								 {font-weight: bold;font-size: 14px;}

[LDaisy]

Спасибо большое!