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

[Firefly]

Samron (27 Март 2016 - 12:13) писал:

в самом каталоге.

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:

#content .box .tabproduct .img { margin:5px 0 0 0; min-height:165px; max-height:165px; height:165px; }

Замените на:

#content .box .tabproduct .img {margin: 5px 0 0 0; padding: 30px 0; min-height: 120px; max-height: 120px; height: 120px; background: url(ссылка на изображение) no-repeat;background-size: cover;}

Найдите код:

#content .box .ulproduct .img { float:left; max-width:150px; width:150px; min-height:130px; height:130px; }
	 #content .box .ulproduct .img img { max-width:135px; max-height:130px; position:relative; z-index:31; }

Замените на:

#content .box .ulproduct .img {float:left;max-width:150px;width:150px;min-height: 120px;heigh;height: 120px;padding: 5px 20px;margin-right: 20px;background: url(ссылка на изображение) no-repeat; background-size: cover;}
	 #content .box .ulproduct .img img {max-width:135px;max-height:130px;position:relative;z-index:31;padding: 15px 0px;}

В коде укажите соответствующие ссылки на изображения для фона. Изображения лучше загрузить по кнопке "Добавить файлы" в редакторе шаблонов.

[Samron]

все Спасибо получилось. ))

[Samron]

Возможно изменить внешний вид характеристики с на такой

[Samron]

У меня получилось только так а как сделать красивее как тут

[RedHead]

Samron (27 Март 2016 - 16:07) писал:

Возможно изменить внешний вид характеристики с Screenshot_1.png на такой Screenshot_2.png

Здравствуйте. В шаблоне ТОВАР замените блок кода:

<table border="2" cellspacing="5">
<tr>
<td><img src="{ASSETS_IMAGES_PATH}pl1.png" alt="" title="" /><b>Покрытие лаком</b>
Покрытие картины декоративным акриловым безвредным лаком, защитит Вашу картину от внешних воздействий и визуально создаст эффект глубины изображения </td>
<td><img src="{ASSETS_IMAGES_PATH}pl2.png" alt="" title="" /> <b>Подрамник</b>
Подрамник из высококачественной сосны.
Толщина 4 см на 2 см</td>
</tr>
<tr>
<td><img src="{ASSETS_IMAGES_PATH}pl3.png" alt="" title="" /><b>Натянутый вручную холст</b>Натянутый вручную холст на подрамник, галерейной натяжкой (изображение продолжается на торце, никаких белых или черных некрасивых торцов)</td>
<td><img src="{ASSETS_IMAGES_PATH}pl4.png" alt="" title="" /> <b>Надежная упаковка</b>Мы даем гарантию что с Вашей картиной ничего не случится во время транспортировки. Если картина повредится - мы вышлем Вам новую бесплатно!</td>
</tr>
<tr>
<td><img src="{ASSETS_IMAGES_PATH}pl5.png" alt="" title="" /><b>Качественная печать</b>Качественная печать на холстах
японского производства</td>
<td><img src="{ASSETS_IMAGES_PATH}pl6.png" alt="" title="" /><b>Картина полностью готова</b>Вам останется только
повесить ее</td>
</tr>
</table>

на:

<table border="2" cellspacing="5">
<tr>
<td>
<div class="img-banner"><img src="{ASSETS_IMAGES_PATH}pl1.png" alt="" title="" /></div>
<div class="text-banner"><b>Покрытие лаком</b></br>
Покрытие картины декоративным акриловым безвредным лаком, защитит Вашу картину от внешних воздействий и визуально создаст эффект глубины изображения </div></td>
<td>
<div class="img-banner"><img src="{ASSETS_IMAGES_PATH}pl2.png" alt="" title="" /> </div>
<div class="text-banner"><b>Подрамник</b></br>
Подрамник из высококачественной сосны.
<b>Толщина 4 см на 2 см</b></div></td>
</tr>
<tr>
<td>
<div class="img-banner"><img src="{ASSETS_IMAGES_PATH}pl3.png" alt="" title="" /></div>
<div class="text-banner"><b>Натянутый вручную холст</b></br>Натянутый вручную холст на подрамник, <b>галерейной натяжкой </b>(изображение продолжается на торце, никаких белых или черных некрасивых торцов)</div></td>
<td>
<div class="img-banner"><img src="{ASSETS_IMAGES_PATH}pl4.png" alt="" title="" /> </div>
<div class="text-banner"><b>Надежная упаковка</b></br>Мы даем гарантию что с Вашей картиной ничего не случится во время транспортировки. Если картина повредится - мы вышлем Вам новую бесплатно!</div></td>
</tr>
<tr>
<td>
<div class="img-banner"><img src="{ASSETS_IMAGES_PATH}pl5.png" alt="" title="" /></div>
<div class="text-banner"><b>Качественная печать</b></br>Качественная печать на холстах
<b>японского производства</b></div>
</td>
<td>
<div class="img-banner"><img src="{ASSETS_IMAGES_PATH}pl6.png" alt="" title="" /></div>
<div class="text-banner"><b style="color:red;">Картина полностью готова</b></br><b>Вам останется только
повесить ее</b></div>
</td>
</tr>
</table>

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

.text-banner {
text-align: justify;
margin: 0px 10px 20px 63px;
}
.text-banner b{
text-transform: uppercase;
}
.img-banner {
float: left;
margin-right: 10px;
}

Результат:

[Samron]

У меня не получается так сделать, подскажите пожалуйста.

[Samron]

еше 1 вопрос. Смотрите ( <p><font size="7">Наше доказательство вам:</font></p> ) так не работает увеличение шрифта, а по <h1> для меня маленький шрифт, как еше можно увеличить ?

[RedHead]

Samron (27 Март 2016 - 19:43) писал:

еше 1 вопрос. Смотрите ( <p><font size="7">Наше доказательство вам:</font></p> ) так не работает увеличение шрифта, а по <h1> для меня маленький шрифт, как еше можно увеличить ?

В шаблоне ТОВАР замените строку:

<center><p><font size="7">Наше доказательство вам:</font></p><br>

на:

<center><p style="font-size: 150%;">Наше доказательство вам:</p><br>

[Samron]

RedHead (27 Март 2016 - 20:14) писал:

В шаблоне ТОВАР замените строку:

<center><p><font size="7">Наше доказательство вам:</font></p><br>

на:

<center><p style="font-size: 150%;">Наше доказательство вам:</p><br>

Samron (27 Март 2016 - 19:03) писал:

У меня не получается так сделать, подскажите пожалуйста. Screenshot_4.png

не подскажите как?

[RedHead]

Samron (27 Март 2016 - 19:03) писал:

У меня не получается так сделать, подскажите пожалуйста. Screenshot_4.png

Уточните, где находится данная информация. Не могу найти ее на сайте.

[Samron]

Извините. Просто на сайт не добавил ее.  вот тут хочу ее сделать.

[Vaccina]

В шаблоне Товар найдите:

Оплата без риска.

замените на:

<div style="padding: 5px; background: #eee; box-shadow: 0px 0px 3px #999; margin: 10px 15px 5px;"><div class="img-banner"><img src="http://t174052.storeland.net/pl2.png" alt="" title=""> </div>
<div class="text-banner"><b><span style="text-transform: uppercase; color: red;">Оплата без риска</span><br>
<span style="text-transform: none;">Текст текст текст</span></b></div></div>

В данном блоке измените ссылку на картинку, результат вставки данного кода:

[Samron]

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

[Юля123]

Samron (29 Март 2016 - 13:31) писал:

Снимок экрана от 2016-03-29 16:29:37.png Привет всем. Ребята, а как сделать что бы весь каталок товара отображался не столбиков одним, а сразу по 3 товара в ряду, вот так что бы было всегда. Снимок экрана от 2016-03-29 16:31:51.png

В шаблоне Товар найдите код:

  {% IF GOODS_VIEW_TYPE=1 %}

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

  {% IF GOODS_VIEW_TYPE=2 %}

Вы хотите вообще убрать возможность выбора вариантов отображения? Если да, тогда шаблоне Товары найдите код:

	   <div class="right">
		<ul>
		  {% IF GOODS_VIEW_TYPE=1 %}
			<li><a href="?goods_view_type=2" class="table"></a></li>
			<li><a href="?goods_view_type=1" class="list current"></a></li>
		  {% ENDIF %}
		  {% IF GOODS_VIEW_TYPE=2 %}
			<li><a href="?goods_view_type=2" class="table current"></a></li>
			<li><a href="?goods_view_type=1" class="list"></a></li>
		  {% ENDIF %}
		</ul>
	  </div>

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

	   <!--div class="right">
		<ul>
		  {% IF GOODS_VIEW_TYPE=1 %}
			<li><a href="?goods_view_type=2" class="table"></a></li>
			<li><a href="?goods_view_type=1" class="list current"></a></li>
		  {% ENDIF %}
		  {% IF GOODS_VIEW_TYPE=2 %}
			<li><a href="?goods_view_type=2" class="table current"></a></li>
			<li><a href="?goods_view_type=1" class="list"></a></li>
		  {% ENDIF %}
		</ul>
	  </div-->

далее в main.css код:

  #content .cort .left { float:left; color:#999; } 

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

  #content .cort .left { float:left; color:#999;margin-bottom:5px;} 

[Samron]

Спасибо большое. Смотрите у меня проблема получилось, совсем не давно логотип и шапка уехала. пол логотипа вообще нет, в шапке картинки пропали, не корректно номер отображается.

[Юля123]

Samron (29 Март 2016 - 14:21) писал:

Спасибо большое. Смотрите у меня проблема получилось, совсем не давно логотип и шапка уехала. Снимок экрана от 2016-03-29 17:20:28.png пол логотипа вообще нет, в шапке картинки пропали, не корректно номер отображается.

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

#header .blocks {  width:100%; height:75px; }

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

#header .blocks {  width:100%; height:125px; }

[Samron]

Юля123 (29 Март 2016 - 14:25) писал:

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

#header .blocks { width:100%; height:75px; }

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

#header .blocks { width:100%; height:125px; }

Частично помогло. Изменял и на 125, и на 250. Я думаю может это из за добавление изображения ? и где-то лишний <div> поставлен ?

[Юля123]

Изменения Вам произвела, посмотрите, пожалуйста.

[Samron]

Юля123 (29 Март 2016 - 14:50) писал:

Изменения Вам произвела, посмотрите, пожалуйста.

:* Спасибо большое)) Куда мы без вас ))) :*  а в чем проблема была ? скажите пожалуйста, я не правильно изменил код который вы мне дали ?

[Юля123]

Нет, Вы всё правильно сделали, просто я еще изменила отступ у логотипа, было:

  #header .blocks .logotype { margin:-75px 0 0 20px; float:left; }

я изменила на :

  #header .blocks .logotype { margin:-95px 0 0 20px; float:left; }