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

[melisa]

Здравствуйте , есть такая проблема : покупатели не видят кнопки завершения заказа на 4 шаге ,начинают тыкать по четвёртке и по всему подряд
( я наблюдаю эту картину по вебвизору яндексовскому  уже не первый раз )  прилагаю картинки "проблемки "  
  Собственно вопрос :  можно  как нибудь сделать  эту кнопку выше , чтоб она сразу была на виду  , без необходимости прокручивания страницы - это раз .
  И второе   хотелось бы  все кнопки  в оформлении заказа сделать ярче  и больше , а то они сливаются ,( я б сама потерялась  где и че нажать надо ;-) )
  подскажите  где  и как можно  поменять это , в аштмль я конечно ноль , но благодаря  вашему форуму  потиху тыкаю - осваиваю ;-)

[Koderhan]

Здравствуйте.
Можно добавить дополнительную кнопку на страницу.
Открыть файл "Оформление заказа".
Вставим код до контактной информации.
Найти код:

<thead class="cartFormThead">
				<tr>
				  <th colspan="2" class="orderStageConfirmContactsHeader">Контактные данные</th>
				</tr>
			  </thead>

Заменить на:

<thead class="cartFormThead">
				<tr>
				  <th colspan="1" class="orderStageConfirmContactsHeader">Контактные данные</th>
				  <th>
					<!-- Кнопки навигации -->
					<div class="orderStageSubmitNavigation" style="float:right; padding-top:0px; padding-bottom:0px;">
					  <input type="submit" name="toprev" value="&laquo; Назад" />
					  <input type="submit" name="tonext" 
					  {% IF ORDER_STAGE_NUM=4%}
						value="Оформить заказ"
					  {% ELSE %}
						value="Далее &raquo;"
					  {% ENDIF %}
					  />
				   </div>
				  </th>
				</tr>
			  </thead>

Далее можно сделать так чтобы кнопки не повторялись на 4 этапе.
Найти код:

<!-- Кнопки навигации -->
	  <div class="orderStageSubmitNavigation">
		<input type="submit" name="toprev" value="&laquo; Назад" />
		<input type="submit" name="tonext" 
		  {% IF ORDER_STAGE_NUM=4%}
			value="Оформить заказ"
		  {% ELSE %}
			value="Далее &raquo;"
		  {% ENDIF %}
		/>
	  </div>

Заменить на:

{% IFNOT ORDER_STAGE_NUM=4%} 
	  <!-- Кнопки навигации -->
	  <div class="orderStageSubmitNavigation">
		<input type="submit" name="toprev" value="&laquo; Назад" />
		<input type="submit" name="tonext" 
		  {% IF ORDER_STAGE_NUM=4%}
			value="Оформить заказ"
		  {% ELSE %}
			value="Далее &raquo;"
		  {% ENDIF %}
		/>
	  </div>
{%ENDIF%}

[melisa]

Спасибо за столь  быстрый  ответ !
всё  поменяла  - всё  получилось   - то что надо  , спасибо большое! )

теперь бы ещё узнать где цвета и размеры кнопок  поменять ?

кнопки в оформлении заказа   котороые " оформить" и " далее"  ,
"назад" пусть и остаются неприметными ;-)

и кнопка  возле товара " в корзину " тоже  где менять подскажите  , а то я рыла рыла форум , вроде че-то нашла- поменяла  цвет на красный , в итоге  у меня получились только буквы красные :-))на сером фоне , хотела  изменить размер , но получилось опять же только удлинить ее , высота кнопки осталось той-же(

[Koderhan]

Изменение кнопки на странице товара.

В файле main.js найти и удалить код :

if(typeof($('input:submit, input.button').button) == "function" ) {
	$('input:submit, input.button').button();
  }

В файле "Товар".
Найти код:

<!-- Если в тарифном плане подключен модуль сравнения товаров -->
				  {% IF TARIFF_FEATURE_GOODS_COMPARE %}
					<!-- Если не выключен модуль сравнения товаров, то покажем кнопку сравнения товаров -->
					{% IFNOT SETTINGS_COMPARE_DISABLE %}
					  <div style="padding-bottom:1em;">
						<input type="button" class="button goodsDataCompareButton add"  rel="{COMPARE_ADD_URL}?return_to={CURRENT_URL | urlencode}" value="Добавить к сравнению" title="Добавить товарную модификацию к списку сравнения с другими товарами" style="{% IF GOODS_MOD_IS_HAS_IN_COMPARE_LIST %}display:none;{% ENDIF %}width:200px;" />
						<input type="button" class="button goodsDataCompareButton delete" rel="{COMPARE_DELETE_URL}?return_to={CURRENT_URL | urlencode}" value="Убрать из сравнения" title="Убрать товарную модификацию из списка сравнения с другими товарами" style="{% IFNOT GOODS_MOD_IS_HAS_IN_COMPARE_LIST %}display:none;{% ENDIF %}width:200px;" />
					  </div>
					{% ENDIF %}
				  {% ENDIF %}

				  <input type="submit" value="Положить в корзину" style="width:200px;" />

Заменить на:

<!-- Если в тарифном плане подключен модуль сравнения товаров -->
				  {% IF TARIFF_FEATURE_GOODS_COMPARE %}
					<!-- Если не выключен модуль сравнения товаров, то покажем кнопку сравнения товаров -->
					{% IFNOT SETTINGS_COMPARE_DISABLE %}
					  <div style="padding-bottom:1em;">
						<input type="button" id="addSrav" class="button goodsDataCompareButton add"  rel="{COMPARE_ADD_URL}?return_to={CURRENT_URL | urlencode}" value="Добавить к сравнению" title="Добавить товарную модификацию к списку сравнения с другими товарами" style="{% IF GOODS_MOD_IS_HAS_IN_COMPARE_LIST %}display:none;{% ENDIF %}width:200px;" />
						<input type="button" id="delTovar" class="button goodsDataCompareButton delete" rel="{COMPARE_DELETE_URL}?return_to={CURRENT_URL | urlencode}" value="Убрать из сравнения" title="Убрать товарную модификацию из списка сравнения с другими товарами" style="{% IFNOT GOODS_MOD_IS_HAS_IN_COMPARE_LIST %}display:none;{% ENDIF %}width:200px;" />
					  </div>
					{% ENDIF %}
				  {% ENDIF %}

				  <input id="addTovar"  type="submit" value="Положить в корзину" style="width:200px;" />

В файл main.csstemplate.
Добавить в конец файла код:

#delTovar {
  border:1px solid white;/*бордюр элемента, ширина, цвет*/
  color: black;/*цвет текста*/
  background-color: gray;/*цвет фона*/
  border-radius: 5px; /*радиус закругления углов*/
  height: 30px;/*высота кнопки*/
  
}
#addSrav {
  border:1px solid white;
  color: black;
  background-color: gray;
  border-radius: 5px; 
  height: 30px;
  
}
#addTovar {
  border:1px solid white;
  color:white;
  height: 30px;
  background-color: #A7A347;
  border-radius: 5px;
}

[Koderhan]

Изменение кнопок оформления заказа.
Открыть файл "Оформления заказа".
Найти код:

 <!-- Кнопки навигации -->
	  <div class="orderStageSubmitNavigation">
		<input type="submit" name="toprev" value="&laquo; Назад" />
		<input type="submit" name="tonext" 
		  {% IF ORDER_STAGE_NUM=4%}
			value="Оформить заказ"
		  {% ELSE %}
			value="Далее &raquo;"
		  {% ENDIF %}
		/>
	  </div>

Заменить на:

<!-- Кнопки навигации -->
	  <div class="orderStageSubmitNavigation">
		<input type="submit" id="prevPage" name="toprev" value="&laquo; Назад" />
		<input type="submit" id="nextPage" name="tonext" 
		  {% IF ORDER_STAGE_NUM=4%}
			value="Оформить заказ"
		  {% ELSE %}
			value="Далее &raquo;"
		  {% ENDIF %}
		/>
	  </div>

В файле main.csstemplate.
В конец кода добавить.

#nextPage {
  border:1px solid white;
  color:white;
  height: 30px;
  background-color: #A7A347;
  border-radius: 5px;
}
#prevPage {
  border:1px solid white;
  color: black;
  background-color: gray;
  border-radius: 5px; 
  height: 30px;
}

[Koderhan]

Страница "Корзина".
Открыть файл "Корзина".
Найти код:

 <td colspan="6" class="cartFormTfootButtons"><input type="submit" value="Пересчитать"> <input type="submit" name="next_step" value="Оформить заказ"></td>

Заменить на:

<td colspan="6" class="cartFormTfootButtons"><input type="submit" id="peresсhitat" value="Пересчитать"> <input type="submit" id="oformit" name="next_step" value="Оформить заказ"></td>

Открыть файл main.csstemplate.
Добавить в конец файла код:

#oformit {
  border:1px solid white;
  color:white;
  height: 30px;
  background-color: #A7A347;
  border-radius: 5px;
}
#peresсhitat {
  border:1px solid white;
  color: black;
  background-color: gray;
  border-radius: 5px; 
  height: 30px;
  
}

[melisa]

Такс, с товаром всё получилось  , спасибо !

я так поняла что #addTovar - отвечает за кнопку " в корзину " , эдсрав - за сравнение ,
за что отвечает #delTovar  - так и не нашла пока , изминений не заметила по крайней мере  ))  

Вообще вам нужно памятник при жизни ставить , за то что разбираетесь в этих символах , и еще нулям объясняете что к чему  

пошла править оформление  заказа , надеюсь там тоже всё получится ;-)

[Koderhan]

Спасибо, рады помочь.)))
#delTovar - Отвечает за удаления товара из сравнения.
Там разные кнопки как оказалось.
Вот тут можно почитать про css и html код. Очень полезный - http://htmlbook.ru/css/border-radius

[Mrbessonov]

Все сделал,что нужно,но цвет кнопки не меняется. Как его изменить то?
Пример.

[Koderhan]

Попробуйте изменить стили.
Если речь идет о кнопке "В корзину".
В файле "main.csstemplate".
Найти код:

#addTovar {
  border:2px solid black;
  color:black;
  height: 100px;
  background-color: #DB0F5D;
  border-radius: 15px;
}

Заменить:

#addTovar {
  border:2px solid black;/*цвет бардюра и толщина*/
  color:black;
  height: 100px;
  background-color: #0FDB17;/*цвет фона*/
  border-radius: 15px;
}

[Mrbessonov]

Да,уже все работает.Мистика какая то.Вчера менял,менял,менял менял эти стили.Все перепробовал в итоге при заходе на страницу мигнет нужный цвет и снова в исходное состояние т.е в серый.

[bora]

melisa (14 Ноябрь 2012 - 02:29) писал:

Здравствуйте , есть такая проблема : покупатели не видят кнопки завершения заказа на 4 шаге ,начинают тыкать по четвёртке и по всему подряд
( я наблюдаю эту картину по вебвизору яндексовскому  уже не первый раз )  прилагаю картинки "проблемки "  
  Собственно вопрос :  можно  как нибудь сделать  эту кнопку выше , чтоб она сразу была на виду  , без необходимости прокручивания страницы - это раз .
  И второе   хотелось бы  все кнопки  в оформлении заказа сделать ярче  и больше , а то они сливаются ,( я б сама потерялась  где и че нажать надо ;-) )
  подскажите  где  и как можно  поменять это , в аштмль я конечно ноль , но благодаря  вашему форуму  потиху тыкаю - осваиваю ;-)

Можно спросить как цвет иконок поменяли ? Фотошопе ?

[miyako]

bora (26 Январь 2014 - 22:01) писал:

Можно спросить как цвет иконок поменяли ? Фотошопе ?

На скриншоте Вы указываете на вывод цены, а спрашиваете о иконках. Уточните Ваш вопрос пожалуйста.