Перейти к содержимому


Увеличить Масштаб Изображения


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 31

#21 miyako

miyako

    Активный участник

  • Модератоpы
  • 5 372 сообщений

Отправлено 22 Апрель 2013 - 08:16

Просмотр сообщенияdizel1990 (21 Апрель 2013 - 21:34) писал:

Спасибо помогли. есть ещё один вопрос. Как  в сопутствующих товарах сделать вряд 4 изображения и сделать так, чтобы цена помещалась (а то новая помещается, а старая нет).

По поводу цены - найдите код в main.css:
.goodsListItemBlock {
height: 330px;
width: 210px;
margin: 5px;
overflow: hidden;
background: url('http://design.macinbox.ru/fontov.jpg');
}
и замените на:
.goodsListItemBlock {
height: 360px;
width: 210px;
margin: 5px;
overflow: hidden;
background: url('http://design.macinbox.ru/fontov.jpg');
}

По сопутствующим:
Найдите в шаблоне Товар примерно такой код:
  {% IFNOT related_goods.last %}{related_goods.index | is_divided("3","</tr><tr>","")}{% ENDIF %}
	{% ENDFOR goods %}
	</tr>
  </table><br /><br />
  {% ENDIF %}
  <!-- END Сопутствующие товары -->
и замените "3" на "4". То есть должно получится примерно так:
  {% IFNOT related_goods.last %}{related_goods.index | is_divided("4","</tr><tr>","")}{% ENDIF %}
	{% ENDFOR goods %}
	</tr>
  </table><br /><br />
  {% ENDIF %}
  <!-- END Сопутствующие товары -->


#22 dizel1990

dizel1990

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 121 сообщений

Отправлено 22 Апрель 2013 - 11:44

Просмотр сообщенияmiyako (22 Апрель 2013 - 08:16) писал:

По поводу цены - найдите код в main.css:
.goodsListItemBlock {
height: 330px;
width: 210px;
margin: 5px;
overflow: hidden;
background: url('http://design.macinbox.ru/fontov.jpg');
}
и замените на:
.goodsListItemBlock {
height: 360px;
width: 210px;
margin: 5px;
overflow: hidden;
background: url('http://design.macinbox.ru/fontov.jpg');
}

По сопутствующим:
Найдите в шаблоне Товар примерно такой код:
{% IFNOT related_goods.last %}{related_goods.index | is_divided("3","</tr><tr>","")}{% ENDIF %}
{% ENDFOR goods %}
</tr>
</table><br /><br />
{% ENDIF %}
<!-- END Сопутствующие товары -->
и замените "3" на "4". То есть должно получится примерно так:
{% IFNOT related_goods.last %}{related_goods.index | is_divided("4","</tr><tr>","")}{% ENDIF %}
{% ENDFOR goods %}
</tr>
</table><br /><br />
{% ENDIF %}
<!-- END Сопутствующие товары -->
Спасибо.

#23 dizel1990

dizel1990

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 121 сообщений

Отправлено 24 Апрель 2013 - 23:38

Здравствуйте. Подскажите пожалуйста, как сделать, чтобы текст был посередине кнопки? или уменьшить кнопку?

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

  • буквы1.png
  • буквы2.png


#24 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 25 Апрель 2013 - 07:55

Сайт - Редактор тем - main.css - найдите:

.more-link, a.read-more, .paymentFormTbodySubmitButton {
background: url("http://design.macinbox.ru/read_more.jpg") no-repeat transparent;
color: #FFFFFF;
display: inline-block;
font: 17px/30px "Tahoma", "Geneva", sans-serif;
height: 36px;
padding-left: 15px;
text-decoration: none;
text-shadow: #000000 2px 2px 2px;
width: 130px;
}

измените на:

.more-link, a.read-more, .paymentFormTbodySubmitButton {
background: url("http://design.macinbox.ru/read_more.jpg") no-repeat transparent;
color: #FFFFFF;
display: inline-block;
font: 17px/30px "Tahoma", "Geneva", sans-serif;
height: 36px;
text-align:center !important;
padding-left:0 !important;
text-decoration: none;
text-shadow: #000000 2px 2px 2px;
width: 130px;
}


#25 dizel1990

dizel1990

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 121 сообщений

Отправлено 25 Апрель 2013 - 10:45

Просмотр сообщенияVaccina (25 Апрель 2013 - 07:55) писал:

Сайт - Редактор тем - main.css - найдите:

.more-link, a.read-more, .paymentFormTbodySubmitButton {
background: url("http://design.macinbox.ru/read_more.jpg") no-repeat transparent;
color: #FFFFFF;
display: inline-block;
font: 17px/30px "Tahoma", "Geneva", sans-serif;
height: 36px;
padding-left: 15px;
text-decoration: none;
text-shadow: #000000 2px 2px 2px;
width: 130px;
}

измените на:

.more-link, a.read-more, .paymentFormTbodySubmitButton {
background: url("http://design.macinbox.ru/read_more.jpg") no-repeat transparent;
color: #FFFFFF;
display: inline-block;
font: 17px/30px "Tahoma", "Geneva", sans-serif;
height: 36px;
text-align:center !important;
padding-left:0 !important;
text-decoration: none;
text-shadow: #000000 2px 2px 2px;
width: 130px;
}
Спаибо. Помогли кнопка в корзину, текст по середине стал, а вот пересчитать и оформить нет. Что нужно сделать?

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

  • Безымянный1.png
  • Безымянный2.png


#26 Taisia

Taisia

    Активный участник

  • Модератоpы
  • 1 289 сообщений

Отправлено 25 Апрель 2013 - 11:08

в main.css найдите блок

input.more-link, .paymentFormTbodySubmitButton {
	border: 0 none;
	padding-bottom: 2px;
	padding-top: 5px;
	text-align: left;
	width: 150px;
}

и замените на

input.more-link, .paymentFormTbodySubmitButton {
	border: 0 none;
	padding-bottom: 10px;
	padding-right: 20px;
	padding-top: 5px;
	text-align: left;
	width: 150px;
}


#27 dizel1990

dizel1990

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 121 сообщений

Отправлено 25 Апрель 2013 - 15:57

Просмотр сообщенияTaisia (25 Апрель 2013 - 11:08) писал:

в main.css найдите блок

input.more-link, .paymentFormTbodySubmitButton {
border: 0 none;
padding-bottom: 2px;
padding-top: 5px;
text-align: left;
width: 150px;
}

и замените на

input.more-link, .paymentFormTbodySubmitButton {
border: 0 none;
padding-bottom: 10px;
padding-right: 20px;
padding-top: 5px;
text-align: left;
width: 150px;
}
Спасибо помогли. Как теперь здесь сделать шрифт больше и по середине. И как сделать номер телефона цвета и размера таким же, как номер телефона слева?

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

  • Безымянный.png


#28 Taisia

Taisia

    Активный участник

  • Модератоpы
  • 1 289 сообщений

Отправлено 25 Апрель 2013 - 16:52

что бы изменить кнопку Купить
найдите в main.css блок

a.readmore {
	background: url("http://design.macinbox.ru/read_more.jpg") no-repeat scroll left top transparent;
	color: #FFFFFF;
	display: block;
	font: 12px/30px Tahoma,Geneva,sans-serif;
	height: 37px;
	padding-left: 15px;
	text-decoration: none;
	width: 150px;
}

параметр font: 12px/30px меняет размер шрифта
padding-left: - меняет положение текста на кнопке
что бы сделать текст жирным добавьте в параметр font: 12px/30px Tahoma,Geneva,sans-serif; значение bold следующим образом font: bold 12px/30px Tahoma,Geneva,sans-serif;


что бы поправить телефон найдите в файле HTML  код

<!-- Второй контактный телефон -->
			 {% IF SETTINGS_STORE_PHONE_NUMBER2 %}
				
				 <td class="contentTableHeadMainPhone" style="color:#5b780a;">
					 &nbsp; &nbsp; | &nbsp; {SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}
				 </td>

и замените на код

<!-- Второй контактный телефон -->
			 {% IF SETTINGS_STORE_PHONE_NUMBER2 %}
				
				 <td class="contentTableHeadMainPhone moder" style="color:#009ab6;">
					 &nbsp; &nbsp; | &nbsp; {SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}
				 </td>


#29 dizel1990

dizel1990

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 121 сообщений

Отправлено 25 Апрель 2013 - 20:05

Просмотр сообщенияTaisia (25 Апрель 2013 - 16:52) писал:

что бы изменить кнопку Купить
найдите в main.css блок

a.readmore {
background: url("http://design.macinbox.ru/read_more.jpg") no-repeat scroll left top transparent;
color: #FFFFFF;
display: block;
font: 12px/30px Tahoma,Geneva,sans-serif;
height: 37px;
padding-left: 15px;
text-decoration: none;
width: 150px;
}

параметр font: 12px/30px меняет размер шрифта
padding-left: - меняет положение текста на кнопке
что бы сделать текст жирным добавьте в параметр font: 12px/30px Tahoma,Geneva,sans-serif; значение bold следующим образом font: bold 12px/30px Tahoma,Geneva,sans-serif;


что бы поправить телефон найдите в файле HTML  код

<!-- Второй контактный телефон -->
			 {% IF SETTINGS_STORE_PHONE_NUMBER2 %}
				
				 <td class="contentTableHeadMainPhone" style="color:#5b780a;">
					 &nbsp; &nbsp; | &nbsp; {SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}
				 </td>

и замените на код

<!-- Второй контактный телефон -->
			 {% IF SETTINGS_STORE_PHONE_NUMBER2 %}
				
				 <td class="contentTableHeadMainPhone moder" style="color:#009ab6;">
					 &nbsp; &nbsp; | &nbsp; {SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}
				 </td>
Спасибо

#30 dizel1990

dizel1990

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 121 сообщений

Отправлено 26 Апрель 2013 - 11:33

Просмотр сообщенияdizel1990 (25 Апрель 2013 - 20:05) писал:

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

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

  • Безымянный.png


#31 Koderhan

Koderhan

    Активный участник

  • Модератоpы
  • 6 227 сообщений

Отправлено 26 Апрель 2013 - 16:01

Просмотр сообщенияdizel1990 (26 Апрель 2013 - 11:33) писал:

Здравствуйте. Как в данном случаес сделать текст посередине кнопки.

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

.orderStageSubmitNavigation input[name="toprev"] {
	background-position: 11px 1px;
	line-height: 1;
}
.orderStageSubmitNavigation input[name="tonext"] {
	background-position: 8px 1px;
	line-height: 1;
}


#32 dizel1990

dizel1990

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 121 сообщений

Отправлено 26 Апрель 2013 - 22:56

Просмотр сообщенияKoderhan (26 Апрель 2013 - 16:01) писал:

Панель администратора, "Сайт"->"Редактор тем". В файле "main.css". Добавить в конец файла код:
 .orderStageSubmitNavigation input[name="toprev"] { background-position: 11px 1px; line-height: 1; } .orderStageSubmitNavigation input[name="tonext"] { background-position: 8px 1px; line-height: 1; } 
Спасибо.




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных