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

[Andrew S.]

Знаю, есть открытая тема, но там всё не так, как надо мне:


Нужно расположить картинку - телефон,
картинку-телефон.

Может таблицей с ячейками и в них чтоб по центру всё было? Можно и не таблицей.

С возможностью чуть приподнять или приопустить или влево-вправо отрегулировать.

Сообщение отредактировал Andrew S.: 03 Декабрь 2015 - 04:00

[Vaccina]

Уточните пожалуйста, в отмеченном на скриншоте месте установлен блок сравнения, который отображается, если хотя бы 1 товар добавили в сравнение, как в этом случае необходимо расположить блок с контактами?

[Andrew S.]

Vaccina (03 Декабрь 2015 - 06:19) писал:

Уточните пожалуйста, в отмеченном на скриншоте месте установлен блок сравнения, который отображается, если хотя бы 1 товар добавили в сравнение, как в этом случае необходимо расположить блок с контактами?

Вот чтобы блок с контактами находился ниже. А он не будет прыгать при появлении/исчезании блока сравнения?

[Юля123]

Andrew S. (03 Декабрь 2015 - 07:28) писал:

Вот чтобы блок с контактами находился ниже. А он не будет прыгать при появлении/исчезании блока сравнения?

Здравствуйте.
Вы хотите, чтобы блок с контактами находился вот тут?

Попробуйте в шаблоне HTML найдти  код:

<!-- Если в тарифном плане подключен модуль сравнения товаров -->
{% IF TARIFF_FEATURE_GOODS_COMPARE %}
<!-- Если не выключен модуль сравнения товаров, то покажем этот блок -->
{% IFNOT SETTINGS_COMPARE_DISABLE %}
<div class="infoBox">
<div class="buy_button" id="compareInfoBlock" {% IF COMPARE_GOODS_COUNT=0 %} style="display:none" {% ENDIF %}>
<a href="{COMPARE_URL}" id="compareInfo"> Сейчас на сравнении <span class="nb_goods">{COMPARE_GOODS_COUNT} товар{COMPARE_GOODS_COUNT | gen_word_end("","а","ов")}</span></a>
</div>
</div>
{% ENDIF %}
{% ENDIF %}

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

<!-- Если в тарифном плане подключен модуль сравнения товаров -->
{% IF TARIFF_FEATURE_GOODS_COMPARE %}
<!-- Если не выключен модуль сравнения товаров, то покажем этот блок -->
{% IFNOT SETTINGS_COMPARE_DISABLE %}
<div class="infoBox">
<div class="buy_button" id="compareInfoBlock" {% IF COMPARE_GOODS_COUNT=0 %} style="display:none" {% ENDIF %}>
<a href="{COMPARE_URL}" id="compareInfo"> Сейчас на сравнении <span class="nb_goods">{COMPARE_GOODS_COUNT} товар{COMPARE_GOODS_COUNT | gen_word_end("","а","ов")}</span></a>
</div>
<div class="contacts_right">
<img src="cсылка на картинку" alt="" title="" />
</div>
</div>
{% ENDIF %}
{% ENDIF %}

Вы можете   расположить эту картинку между логотипом и блоком сравнения



Тогда добавьте картинку с контактами в редакторе шаблонов, в шаблоне HTML найдите код:

<div class="logoblock-right">
</div>

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

<div class="logoblock-right">
<img src="ссылка на картинку" alt="" title="" />
</div>

Не забудьте поменять "ссылка на картинку" на ссылку на желаемую картинку.

[Andrew S.]

Вакцина, пожалуйста, посмотрите тему с начала.
Картинка И! телефон. А не просто картинка.
Значок. Иконка. ПО-середине нарисован пример таблицы для примера.

Можно просто в ряд расположить телефоны, в правом нижнем углу блока с логотипом.

[RedHead]

Andrew S. (09 Декабрь 2015 - 07:38) писал:

Вакцина, пожалуйста, посмотрите тему с начала.
Картинка И! телефон. А не просто картинка.
Значок. Иконка. ПО-середине нарисован пример таблицы для примера.

Можно просто в ряд расположить телефоны, в правом нижнем углу блока с логотипом.

Здравствуйте! Если по поводу телефонов я поняла Вас правильно, то в шаблоне html замените строки

<!-- Если в тарифном плане подключен модуль сравнения товаров -->
{% IF TARIFF_FEATURE_GOODS_COMPARE %}
<!-- Если не выключен модуль сравнения товаров, то покажем этот блок -->
{% IFNOT SETTINGS_COMPARE_DISABLE %}
<div class="infoBox">
<div class="buy_button" id="compareInfoBlock" {% IF COMPARE_GOODS_COUNT=0 %} style="display:none" {% ENDIF %}>
<a href="{COMPARE_URL}" id="compareInfo"> Сейчас на сравнении <span class="nb_goods">{COMPARE_GOODS_COUNT} товар{COMPARE_GOODS_COUNT | gen_word_end("","а","ов")}</span></a>
</div>
</div>
{% ENDIF %}
{% ENDIF %}
<!-- END Если в тарифном плане подключен модуль сравнения товаров -->

на

<!-- Если в тарифном плане подключен модуль сравнения товаров -->
{% IF TARIFF_FEATURE_GOODS_COMPARE %}
<!-- Если не выключен модуль сравнения товаров, то покажем этот блок -->
{% IFNOT SETTINGS_COMPARE_DISABLE %}
<div class="infoBox">
<div class="buy_button" id="compareInfoBlock" {% IF COMPARE_GOODS_COUNT=0 %} style="display:none" {% ENDIF %}>
<a href="{COMPARE_URL}" id="compareInfo"> Сейчас на сравнении <span class="nb_goods">{COMPARE_GOODS_COUNT} товар{COMPARE_GOODS_COUNT | gen_word_end("","а","ов")}</span></a>
</div>
<div class="contacts_right">
<ul class="postList">
<li class="phone tel1" style="margin-right: 0px;margin-left: 33px;">
<span class="phoneImg"></span><a itemprop="telephone" title="Номер телефона: 8 (4212) 678-600" href="tel:8 4212 678-600" style="font-size: 115%;">8 (4212) 678-600</a>
</li>
<li class="phone tel2" style="margin-right: 0px;margin-left: 33px; margin-top: 12px;">
<span class="phoneImg"></span><a itemprop="telephone" title="Номер телефона: 8 (4212) 66-83-99" href="tel:8 (4212) 66-83-99" style="font-size: 115%;">8 (4212) 66-83-99</a>
</li>
</ul>
</div>
</div>
{% ENDIF %}
{% ENDIF %}
<!-- END Если в тарифном плане подключен модуль сравнения товаров -->

[Andrew S.]

RedHead (09 Декабрь 2015 - 16:28) писал:

Здравствуйте! Если по поводу телефонов я поняла Вас правильно, то в шаблоне html замените строки

<!-- Если в тарифном плане подключен модуль сравнения товаров -->
{% IF TARIFF_FEATURE_GOODS_COMPARE %}
<!-- Если не выключен модуль сравнения товаров, то покажем этот блок -->
{% IFNOT SETTINGS_COMPARE_DISABLE %}
<div class="infoBox">
<div class="buy_button" id="compareInfoBlock" {% IF COMPARE_GOODS_COUNT=0 %} style="display:none" {% ENDIF %}>
<a href="{COMPARE_URL}" id="compareInfo"> Сейчас на сравнении <span class="nb_goods">{COMPARE_GOODS_COUNT} товар{COMPARE_GOODS_COUNT | gen_word_end("","а","ов")}</span></a>
</div>
</div>
{% ENDIF %}
{% ENDIF %}
<!-- END Если в тарифном плане подключен модуль сравнения товаров -->

на

<!-- Если в тарифном плане подключен модуль сравнения товаров -->
{% IF TARIFF_FEATURE_GOODS_COMPARE %}
<!-- Если не выключен модуль сравнения товаров, то покажем этот блок -->
{% IFNOT SETTINGS_COMPARE_DISABLE %}
<div class="infoBox">
<div class="buy_button" id="compareInfoBlock" {% IF COMPARE_GOODS_COUNT=0 %} style="display:none" {% ENDIF %}>
<a href="{COMPARE_URL}" id="compareInfo"> Сейчас на сравнении <span class="nb_goods">{COMPARE_GOODS_COUNT} товар{COMPARE_GOODS_COUNT | gen_word_end("","а","ов")}</span></a>
</div>
<div class="contacts_right">
<ul class="postList">
<li class="phone tel1" style="margin-right: 0px;margin-left: 33px;">
<span class="phoneImg"></span><a itemprop="telephone" title="Номер телефона: 8 (4212) 678-600" href="tel:8 4212 678-600" style="font-size: 115%;">8 (4212) 678-600</a>
</li>
<li class="phone tel2" style="margin-right: 0px;margin-left: 33px; margin-top: 12px;">
<span class="phoneImg"></span><a itemprop="telephone" title="Номер телефона: 8 (4212) 66-83-99" href="tel:8 (4212) 66-83-99" style="font-size: 115%;">8 (4212) 66-83-99</a>
</li>
</ul>
</div>
</div>
{% ENDIF %}
{% ENDIF %}
<!-- END Если в тарифном плане подключен модуль сравнения товаров -->

1.png

1. Я извиняюсь, а можно просто картинку-изображение воткнуть в правый-нижний угол? С возможностью задания размера изображения, чтобы вставить чуть больше и прописать более меньший размер, чтобы она чётче отображалась на некоторых браузерах.

2. И можно ли залить логотип большего размера и тоже задать его размер? Идёт размытие в некоторых случаях.

[RedHead]

Andrew S. (19 Декабрь 2015 - 14:01) писал:

1. Я извиняюсь, а можно просто картинку-изображение воткнуть в правый-нижний угол? С возможностью задания размера изображения, чтобы вставить чуть больше и прописать более меньший размер, чтобы она чётче отображалась на некоторых браузерах.

2. И можно ли залить логотип большего размера и тоже задать его размер? Идёт размытие в некоторых случаях.

Здравствуйте!
1) В шаблоне html перед строкой

</footer>

вставьте

<div id="image-1"><img src="{ASSETS_IMAGES_PATH}logo.png" style="width: 80%;" alt="" title="" /></div>

измените ссылку на изображение при необходимости. Измените ширину изображения.

в самый конец шаблона main.css добавьте

#image-1 {
position: absolute;
right: 5px;
bottom: 20px;
}

Уточните, как должна выглядеть картинка на маленьких разрешениях экрана.

2) Да, удалите логотип. Загрузите изображение другого размера с таким же названием. Проставьте ширину с помощью стилей, как в предыдущем пункте.
Если проблема не решится, пришлите, пожалуйста, скриншот тех случаев, когда картинка "размывается".

[Andrew S.]

RedHead (21 Декабрь 2015 - 17:35) писал:

Здравствуйте!
1) В шаблоне html перед строкой

</footer>

вставьте

<div id="image-1"><img src="{ASSETS_IMAGES_PATH}logo.png" style="width: 80%;" alt="" title="" /></div>

измените ссылку на изображение при необходимости. Измените ширину изображения.

в самый конец шаблона main.css добавьте

#image-1 {
position: absolute;
right: 5px;
bottom: 20px;
}

Уточните, как должна выглядеть картинка на маленьких разрешениях экрана.

2) Да, удалите логотип. Загрузите изображение другого размера с таким же названием. Проставьте ширину с помощью стилей, как в предыдущем пункте.
Если проблема не решится, пришлите, пожалуйста, скриншот тех случаев, когда картинка "размывается".

На маленьких разрешениях экрана она должна вообще никак не выглядеть. То есть, чтобы не появлялась.

[Юля123]

Andrew S. (18 Февраль 2016 - 01:16) писал:

На маленьких разрешениях экрана она должна вообще никак не выглядеть. То есть, чтобы не появлялась.

Здравствуйте, тогда Вам нужно в main.css после кода:

@media screen and (max-width: 370px) {

добавить код:

#image-1 {display:none;}

[Andrew S.]

Юля123 (18 Февраль 2016 - 09:30) писал:

Здравствуйте, тогда Вам нужно в main.css после кода:

@media screen and (max-width: 370px) {

добавить код:

#image-1 {display:none;}

1. Подскажите как поставить её куда нужно?

По инструкции надпись упёрлась вообще в самый нижний-правый угол сайта, сделал как можно ближе.



Но только не ленивым методом в задании количества пикселей от границы. От этого проблемы будут в разных разрешениях экрана.

[Vaccina]

Попробуйте следующее, в main.css найдите:

.bottom-inner-content {
	display: block;
	margin: 0 auto;
}

замените на:

.bottom-inner-content {
	display: block;
	margin: 0 auto;
	position: relative;
}

В шаблоне HTML найдите:

  </div>
				</div>
			</div>
		</header>
		<section>

перед ним вставьте:

<div class="clear"></div>

[Andrew S.]

Vaccina (21 Февраль 2016 - 02:58) писал:

Попробуйте следующее, в main.css найдите:

.bottom-inner-content {
display: block;
margin: 0 auto;
}

замените на:

.bottom-inner-content {
display: block;
margin: 0 auto;
position: relative;
}

В шаблоне HTML найдите:

</div>
			 </div>
		 </div>
	 </header>
	 <section>

перед ним вставьте:

<div class="clear"></div>

Спасибо, Вы как раз вовремя.

[Andrew S.]

Здравствуйте. Ещё вот давно хотел такую картинку воткнуть вниз под надписи папок каталога, в таком вот положении.

Помогите осуществить?



Можно ли так сделать, чтобы она была именно в этом блоке? Никаких ссылок и подписей не надо к ней, никаких тегов и пр.



Может её ещё подредактирую.

И чтобы она на адаптивном исчезала.

Сообщение отредактировал Andrew S.: 21 Февраль 2016 - 22:00

[RedHead]

Andrew S. (21 Февраль 2016 - 21:57) писал:

Quality.png

Здравствуйте. Ещё вот давно хотел такую картинку воткнуть вниз под надписи папок каталога, в таком вот положении.

Помогите осуществить?

Block.png

Можно ли так сделать, чтобы она была именно в этом блоке? Никаких ссылок и подписей не надо к ней, никаких тегов и пр.

text2985.png

Может её ещё подредактирую.

И чтобы она на адаптивном исчезала.

Здравствуйте, не уверена, что поняла Вас правильно, поэтому создайте перед внесением изменений, бэкап.
В шаблоне html после строк:

{%ENDFOR%}
													 {%ENDIF%}
											 </nav>
											 <!-- /Каталог товаров -->

вставьте:

<div class="pic-1">
<img src="{ASSETS_IMAGES_PATH}pic-1.jpg" alt="" title="" />
</div>

где pic-1.jpg - название необходимой загруженной картинки.

Затем в шаблоне main.css после строки:

@media screen and (max-width: 768px) {

вставьте:

.section-container .catalogAdnCartCenter .pic-1 img {
display: none;
}

Если это то, что нужно, уточните, как стилизовать это изображение.

[Andrew S.]

RedHead (23 Февраль 2016 - 18:30) писал:

Здравствуйте, не уверена, что поняла Вас правильно, поэтому создайте перед внесением изменений, бэкап.
В шаблоне html после строк:

{%ENDFOR%}
													 {%ENDIF%}
											 </nav>
											 <!-- /Каталог товаров -->

вставьте:

<div class="pic-1">
<img src="{ASSETS_IMAGES_PATH}pic-1.jpg" alt="" title="" />
</div>

где pic-1.jpg - название необходимой загруженной картинки.

Затем в шаблоне main.css после строки:

@media screen and (max-width: 768px) {

вставьте:

.section-container .catalogAdnCartCenter .pic-1 img {
display: none;
}

Если это то, что нужно, уточните, как стилизовать это изображение.

pic-1.jpg

Нужно сделать так, чтобы картинка была под наименованиями каталога. Просто в paint нельзя её вниз сунуть.

[RedHead]

Andrew S. (24 Февраль 2016 - 02:50) писал:

Нужно сделать так, чтобы картинка была под наименованиями каталога. Просто в paint нельзя её вниз сунуть.

Здравствуйте. Вы проводили изменения из предыдущей инструкции? Там как раз было показано, как разместить изображение под каталогом (который у Вас в две строки).
Его нужно разместить не там? Приложите, пожалуйста, скриншот, укажите на нем точное место, куда поместить картинку и в редакторе шаблонов, с помощью зеленой кнопки "Добавить файлы", загрузите необходимую картинку на сайт. Мы поможем ее поставить.