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

[autopards]

Здравствуйте. Помогите, пожалуйста. Аккаунт SL-373527.
1. Убрать из подвала контакты (рис.1)
А самый нижний блок выровнять по центру.
2. Сделать так, чтобы значки (корзина, в избранное) не выходили за границу рамок (рис 2,3)
3. Сделать 4 товара в ряд, вместо 3-х. Благодаря рекомендациям http://forum.storela...4-товара-в-ряд/ уменьшила рамки, бордюр... но не смогла найти код в main.css
.product-list {
width: 100%;
margin: 5px 20px;
padding: 0px 20px;
text-align: center;
}
чтобы заменить его. Ткните, пожалуйста, носом. (рис.4)
4. Объединить Связь с администрацией и Контакты в одну страницу так, чтобы информация со страницы Контакты была сверху, а ниже шла форма обратной связи. (рис. 5,6)
Самостоятельно разобраться не получилось. Заранее благодарна.

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

• 
• 
• 
• 
• 
• 

[RedHead]

izyum (04 Март 2016 - 20:21) писал:

Здравствуйте. Помогите, пожалуйста. Аккаунт SL-373527.
1. Убрать из подвала контакты (рис.1)
А самый нижний блок выровнять по центру.
2. Сделать так, чтобы значки (корзина, в избранное) не выходили за границу рамок (рис 2,3)
3. Сделать 4 товара в ряд, вместо 3-х. Благодаря рекомендациям http://forum.storela...4-товара-в-ряд/ уменьшила рамки, бордюр... но не смогла найти код в main.css
.product-list {
width: 100%;
margin: 5px 20px;
padding: 0px 20px;
text-align: center;
}
чтобы заменить его. Ткните, пожалуйста, носом. (рис.4)
4. Объединить Связь с администрацией и Контакты в одну страницу так, чтобы информация со страницы Контакты была сверху, а ниже шла форма обратной связи. (рис. 5,6)
Самостоятельно разобраться не получилось. Заранее благодарна.

Здравствуйте. Перед внесением изменений, создайте бэкап.

1) Если необходимо убрать только контакты, то в шаблоне html удалите блок кода:

Скрытый текст

<div class="cols col-4 pad10 {% IF news_list_all_empty && news_list_shop_empty && news_list_articles_empty%}must100{%ENDIF%}">
  <a href="{FEEDBACK_URL}"><h3 class="footheader ftheme-color">Наши контакты:</h3></a>
<div class="contactsWrp">   
  <div class="footerphone" title="Звоните, мы проконсультируем вас по любым вопросам">
<!-- Первый контактный телефон -->
  {% IF SETTINGS_STORE_PHONE_NUMBER1 %}   
<div class="fph1">
  <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}{SETTINGS_STORE_PHONE_CITY_CODE1}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}">
  <span class="fmark"><img class="theme-color" src="{ASSETS_IMAGES_PATH}tele.png?design=chameleon"/></span>
<span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span>
{% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}
{SETTINGS_STORE_PHONE_NUMBER1}
  </a>
</div>
  {% ENDIF %}
  <!--END Первый контактный телефон -->
  <!-- Второй контактный телефон -->
  {% IF SETTINGS_STORE_PHONE_NUMBER2 %}
<div class="fph2">

  <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}{SETTINGS_STORE_PHONE_CITY_CODE2}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}">
  <span class="fmark"><img class="theme-color" src="{ASSETS_IMAGES_PATH}tele.png?design=chameleon"/></span>
<span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}</span>
   {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %}
   {SETTINGS_STORE_PHONE_NUMBER2}
  </a>
</div>
  {% ENDIF %}
  <!--END Второй контактный телефон -->
  <!-- Третий контактный телефон -->   
   {% IF SETTINGS_STORE_PHONE_NUMBER3 %}
<div class="fph3">

<a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}{SETTINGS_STORE_PHONE_CITY_CODE3}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}">
<span class="fmark"><img class="theme-color" src="{ASSETS_IMAGES_PATH}tele.png?design=chameleon"/></span>
<span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}</span>
{% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %}
{SETTINGS_STORE_PHONE_NUMBER3}
</a>
</div>
  {% ENDIF %}
  <!--END Третий контактный телефон -->
  <!-- Контакт Skype -->
  {% IF SETTINGS_STORE_SKYPE %}
   <div class="fskype"><a href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype"><img src="{FORALL_IMAGES_PATH}icon/skype.png" width="16" height="16" alt="Свяжитесь с нами по Skype" />&nbsp;<span class="valignMiddle">{SETTINGS_STORE_SKYPE}</span></a></div>
  {% ENDIF %}
  <!--END Контакт Skype -->
   <!-- Контакт Skype -->
  {% IF SETTINGS_STORE_EMAIL_MAIN %}
   <div class="fskype"><a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}" title="Свяжитесь с нами по электронной почте">{SETTINGS_STORE_EMAIL_MAIN}</a></div>
  {% ENDIF %}
  <!--END Контакт Skype -->
  <!-- Номер ICQ на сайте -->
{% IF SETTINGS_STORE_ICQ %}
  <div class="ficq">
<img src="http://wwp.icq.com/s...DIGITS}&img=27" alt="Статус" width="16" height="16" />
<span>{SETTINGS_STORE_ICQ}</span>
  </div>
{% ENDIF %}
  <!--END Номер ICQ на сайте -->
  <!-- Время работы магазина -->
{% IF SETTINGS_STORE_WORK_TIME %}
   <div class="fwork-time" title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}">
   <span class="mark">Время работы:</span> {SETTINGS_STORE_WORK_TIME}
  </div>
{% ENDIF %}
  <!--END Время работы магазина -->
  </div><!--END phone-->
</div><!--END contactsWrp theme-color -->
</div>

Если нужно скрыть весь блок, то в шаблоне main.css замените строку:

.footerWrap{border-top:1px dotted gray;margin:20px 0 0 0;}

на:

.footerWrap{border-top:1px dotted gray;margin:20px 0 0 0;display: none;}

1.2) В шаблоне html замените блок кода:

<div class="cols col-4 must100">
		 <div id="powered">
			 <div class="cprt">&copy; {DATE_YEAR} &laquo;{SETTINGS_STORE_NAME}&raquo;</div>
			 <div class="cprt">{SETTINGS_STORE_ORG_NAME}</div>
			 <div class="cprt">Все права защищены</div>
			 <div class="cprt">{COPYRIGHT_FOR_DESIGN_CHAMELEON} {SETTINGS_STORE_REGION}</div>
			 <div class="cprt">{SETTINGS_STORE_HTML_CODE}</div>
		 </div>
	 </div>
	 <div class="cols col-9 must100">

на:

<div class="cols col-4 must100"><div class="footermenu"></div></div>
	 <div class="cols col-4 must100">
		 <div id="powered">
			 <div class="cprt">&copy; {DATE_YEAR} &laquo;{SETTINGS_STORE_NAME}&raquo;</div>
			 <div class="cprt">{SETTINGS_STORE_ORG_NAME}</div>
			 <div class="cprt">Все права защищены</div>
			 <div class="cprt">{COPYRIGHT_FOR_DESIGN_CHAMELEON} {SETTINGS_STORE_REGION}</div>
			 <div class="cprt">{SETTINGS_STORE_HTML_CODE}</div>
		 </div>
	 </div>
	 <div class="cols col-4 must100">

2) В шаблоне main.css замените строку:

.prod_hold_recent{margin:5px 0px;border:1px solid #ddd;position:relative;}

на:

.prod_hold_recent{margin:5px 0px;border:1px solid #ddd;position:relative; height: 90px;}

3) Этот код содержится в Вашем шаблоне main.css на строке №824

4) В самое начало шаблона Связь с администрацией, вставьте:

<div class="Feedbackwrapper">
<div class="feedbackwrp">
<h1 class="page_title ftheme-color btheme-color"><span>Контакы</span></h1>
</div>
<div class="feedback-contact">
тел. +79270649010 </br>
(Viber/VhatsApp) +79272588595 </br>
г. Волгоград, ул Рокоссовского 29 Б (офис) </br>
г. Волгоград, ул. Автотранспортная 37 (склад)
</div>
</div>

затем, в конец шаблона main.css вставьте:

.feedback-contact {text-align:left;margin-bottom: 20px;}

[autopards]

Понимаю, как Вам нелегко, с такими как я  ) Как внесу изменения, отпишусь. Спасибо Вам огромное за внимание и поддержку.

[autopards]

Первый и второй пункт - отлично. Спасибо )
В третьем, оказывается, у меня уже все сделано так, как Вы предлагаете. Но 4 товара в ряд все же не встают (
С четвертым пунктом тоже не вышло. Все осталось без изменений.

[RedHead]

izyum (07 Март 2016 - 00:33) писал:

Первый и второй пункт - отлично. Спасибо )
В третьем, оказывается, у меня уже все сделано так, как Вы предлагаете. Но 4 товара в ряд все же не встают (
С четвертым пунктом тоже не вышло. Все осталось без изменений.

Здравствуйте.

4) Выполните, пожалуйста, еще раз инструкцию по четвертому пункту. Контакты отобразятся во вкладке меню "Обратная связь", и пункт "контакты" можно будет удалить в разделе Сайт --> Меню.



3) В конец шаблона main.css добавьте строки:

@media only screen and (min-width:996px) and (max-width:1920px){
.prod_hold {
width: 200px !important;
}
.image.goods-cat-image-medium-square.textc, .goods-cat-image-medium {
width: 170px;
}
}

Будет появляться по 4 товара в ряд, пока это позволяет разрешение экрана.

[autopards]

RedHead, спасибо ) Четвертый пункт - получилось. А с третьим изменения не произошли, к сожалению. Хотя, мне кажется, место есть для окошка с четвертым товаром.

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

• 

[RedHead]

izyum (07 Март 2016 - 12:19) писал:

RedHead, спасибо ) Четвертый пункт - получилось. А с третьим изменения не произошли, к сожалению. Хотя, мне кажется, место есть для окошка с четвертым товаром.

Произвели Вам изменения: теперь на бОльшем количестве различных разрешений экрана, товары отображаются по 4 в ряд. Проверьте, пожалуйста.

[autopards]

Все просто отлично! Я Вам о-очень признательна! Спасибо огромное! )