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

[antik13]

Добрый день!

Необходимо добавить 3 блока под шапку для всех страниц кроме главной (и кроме страниц покупки товара). Будет использоваться как ссылка-картинка на статьи и материалы.

Отобразил на скриншоте, как это должно выглядеть.

Подскажите, пожалуйста, как возможно это реализовать

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

• 
• 

[Ирина345]

antik13 (03 Декабрь 2014 - 22:50) писал:

Добрый день!

Необходимо добавить 3 блока под шапку для всех страниц кроме главной (и кроме страниц покупки товара). Будет использоваться как ссылка-картинка на статьи и материалы.

Отобразил на скриншоте, как это должно выглядеть.

Подскажите, пожалуйста, как возможно это реализовать

Здравствуйте, найдите в html  код

</div>
{%ENDIF%}
<div class="cols {%IF ACT = login || index_page || MOD_LNAME = cart%}col-12{%ELSE%}col-9{%ENDIF%}">

замените на

</div>
{%ENDIF%}
<div class="cols {%IF ACT = login || index_page || MOD_LNAME = cart%}col-12{%ELSE%}col-9{%ENDIF%}">
{% IFNOT index_page %} <div>
<div class="test"></div>
<div class="test"></div>
<div class="test"></div>
</div> {%ENDIF%}

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

.test {
width: 261px;
height: 94px;
border: 1px solid #999;
display: inline-block;
}

[antik13]

Ирина345 (04 Декабрь 2014 - 19:37) писал:

Здравствуйте, найдите в html  код

</div>
{%ENDIF%}
<div class="cols {%IF ACT = login || index_page || MOD_LNAME = cart%}col-12{%ELSE%}col-9{%ENDIF%}">

замените на

</div>
{%ENDIF%}
<div class="cols {%IF ACT = login || index_page || MOD_LNAME = cart%}col-12{%ELSE%}col-9{%ENDIF%}">
{% IFNOT index_page %} <div>
<div class="test"></div>
<div class="test"></div>
<div class="test"></div>
</div> {%ENDIF%}

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

.test {
width: 261px;
height: 94px;
border: 1px solid #999;
display: inline-block;
}

Здорово, спасибо!

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



+ Подскажите как убрать блоки на страницах:
Корзина
оформление заказа

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

• 

[RayLi]

antik13 (05 Декабрь 2014 - 17:17) писал:

Здорово, спасибо!

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



+ Подскажите как убрать блоки на страницах:
Корзина
оформление заказа

Здравствуйте.
Если я вас правильно понял, то сделайте следующее:
Найдите в шаблоне main.css код:

.test {
width: 261px;
height: 94px;
border: 1px solid #999;
display: inline-block;
}

И замените его этим кодом:

.test {
width: 261px;
height: 94px;
border: 1px solid #999;
display: inline-block;
margin: 10px 41px 0px 29px;
}

[antik13]

RayLi (05 Декабрь 2014 - 18:24) писал:

Здравствуйте.
Если я вас правильно понял, то сделайте следующее:
Найдите в шаблоне main.css код:

.test {
width: 261px;
height: 94px;
border: 1px solid #999;
display: inline-block;
}

И замените его этим кодом:

.test {
width: 261px;
height: 94px;
border: 1px solid #999;
display: inline-block;
margin: 10px 41px 0px 29px;
}

Спасибо, благодаяр Вам разобрался

[antik13]

Подскажите, пожалуйста, как убрать вставленные блоки на страницах:
Корзина
Оформление заказа

Спасибо!

[RayLi]

antik13 (05 Декабрь 2014 - 18:53) писал:

Подскажите, пожалуйста, как убрать вставленные блоки на страницах:
Корзина
Оформление заказа

Спасибо!

Найдите в шаблоне html код:

<div class="cols {%IF ACT = login || index_page || MOD_LNAME = cart%}col-12{%ELSE%}col-9{%ENDIF%}">
{% IFNOT index_page %} <div>
<div class="test"><img src="{ASSETS_IMAGES_PATH}123.jpg?design=chameleon"></div>
<div class="test"><img src="{ASSETS_IMAGES_PATH}123.jpg?design=chameleon"></div>
<div class="test"><img src="{ASSETS_IMAGES_PATH}123.jpg?design=chameleon"></div>
</div> {%ENDIF%}

И замените его вот этим кодом:

{% IF MOD_LNAME!=order ||  MOD_LNAME!=cart %}Код блока{%ENDIF%}
<div class="cols {%IF ACT = login || index_page || MOD_LNAME = cart%}col-12{%ELSE%}col-9{%ENDIF%}">
{% IFNOT index_page %} <div>
<div class="test"><img src="{ASSETS_IMAGES_PATH}123.jpg?design=chameleon"></div>
<div class="test"><img src="{ASSETS_IMAGES_PATH}123.jpg?design=chameleon"></div>
<div class="test"><img src="{ASSETS_IMAGES_PATH}123.jpg?design=chameleon"></div>
</div> {%ENDIF%}

[antik13]

RayLi (05 Декабрь 2014 - 19:32) писал:

Найдите в шаблоне html код:

<div class="cols {%IF ACT = login || index_page || MOD_LNAME = cart%}col-12{%ELSE%}col-9{%ENDIF%}">
{% IFNOT index_page %} <div>
<div class="test"><img src="{ASSETS_IMAGES_PATH}123.jpg?design=chameleon"></div>
<div class="test"><img src="{ASSETS_IMAGES_PATH}123.jpg?design=chameleon"></div>
<div class="test"><img src="{ASSETS_IMAGES_PATH}123.jpg?design=chameleon"></div>
</div> {%ENDIF%}

И замените его вот этим кодом:

{% IF MOD_LNAME!=order || MOD_LNAME!=cart %}Код блока{%ENDIF%}
<div class="cols {%IF ACT = login || index_page || MOD_LNAME = cart%}col-12{%ELSE%}col-9{%ENDIF%}">
{% IFNOT index_page %} <div>
<div class="test"><img src="{ASSETS_IMAGES_PATH}123.jpg?design=chameleon"></div>
<div class="test"><img src="{ASSETS_IMAGES_PATH}123.jpg?design=chameleon"></div>
<div class="test"><img src="{ASSETS_IMAGES_PATH}123.jpg?design=chameleon"></div>
</div> {%ENDIF%}

К сожалению, данный код не помог


При разрешении 1280х1024 происходит сдвиг блоков(они должны быть в 1 строку) - см. скрин

Подскажите, пожалуйста, как решить эту проблему

Спасибо!

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

• 

[Danil]

antik13 (06 Декабрь 2014 - 17:24) писал:

К сожалению, данный код не помог


При разрешении 1280х1024 происходит сдвиг блоков(они должны быть в 1 строку) - см. скрин

Подскажите, пожалуйста, как решить эту проблему

Спасибо!

Здравствуйте.
В main.css найдите код

.pagecont {
margin: 1px 20px 10px 20px;
text-align: justify;
padding: 10px;
}

и замените на

.pagecont {
margin: 1px 20px 10px 20px;
text-align: justify;
padding: 10px;
clear: both;
}

так же найдите

test {
width: 300px;
height: 94px;
border: 0px solid #999;
display: inline-block;
margin: 10px;
}

и замените на

.test {
border: 0px solid #999;
width: 33.33333%;
float: left;
}

[antik13]

Danil (06 Декабрь 2014 - 17:30) писал:

Здравствуйте.
В main.css найдите код

.pagecont {
margin: 1px 20px 10px 20px;
text-align: justify;
padding: 10px;
}

и замените на

.pagecont {
margin: 1px 20px 10px 20px;
text-align: justify;
padding: 10px;
clear: both;
}

так же найдите

test {
width: 300px;
height: 94px;
border: 0px solid #999;
display: inline-block;
margin: 10px;
}

и замените на

.test {
border: 0px solid #999;
width: 33.33333%;
float: left;
}

Спасибо, все работает

Подскажите, пожалуйста, как избавиться от блоков на странице Корзина

Заранее благодарю

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

• 

[Taisia]

для этого нужно добавить еще одно условие в вывод этих блоков

{% IFNOT CART_URL %} тут вывод кода блоков  {% ENDIF %}

сейчас изменения уже произведены в коде. вам ничего менять не надо.

[antik13]

Taisia (15 Декабрь 2014 - 17:17) писал:

для этого нужно добавить еще одно условие в вывод этих блоков

{% IFNOT CART_URL %} тут вывод кода блоков {% ENDIF %}

сейчас изменения уже произведены в коде. вам ничего менять не надо.

Спасибо, появился лишния знак(отметил на скрине)

Когда его убираю, блоки поднимаются как на скриншоте в предыдущем сообщении

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

• 

[Ирина345]

antik13 (15 Декабрь 2014 - 17:23) писал:

Спасибо, появился лишния знак(отметил на скрине)

Когда его убираю, блоки поднимаются как на скриншоте в предыдущем сообщении

Найдите в шаблоне HTML

<div>
<div class="test"><a href="http://pianobox.ru/page/delivery"><img src="{ASSETS_IMAGES_PATH}dos.png?design=chameleon"></a></div>
<div class="test"><a href="#top"><img src="{ASSETS_IMAGES_PATH}kak.png?design=chameleon"></a></div>
<div class="test"><a href="http://pianobox.ru/page/podarki"><img src="{ASSETS_IMAGES_PATH}1234.png?design=chameleon"></a></div>
</div> {%ENDIF%}s

замените на

<div>
<div class="test"><a href="http://pianobox.ru/page/delivery"><img src="{ASSETS_IMAGES_PATH}dos.png?design=chameleon"></a></div>
<div class="test"><a href="#top"><img src="{ASSETS_IMAGES_PATH}kak.png?design=chameleon"></a></div>
<div class="test"><a href="http://pianobox.ru/page/podarki"><img src="{ASSETS_IMAGES_PATH}1234.png?design=chameleon"></a></div>
</div> {%ENDIF%}

[Наталья11111]

<div class="<a href="http://akwaservis.ru.../Доставка"><img src="http://st.akwaservis.../banner111.jpg" alt=""></a>></div>

Сорри, не туда)))

[Alekseys]

Наталья11111 (14 Апрель 2015 - 15:20) писал:

<div class="<a href="http://akwaservis.ru.../Доставка"><img src="http://st.akwaservis.../banner111.jpg" alt=""></a>></div>

Сорри, не туда)))

Здравствуйте. Уточните, Вы ошибочно написали пост?

[Наталья11111]

Совсем запуталась, у меня стоят 3 баннера на всех страницах, кроме главной.

Не получается  картинку с ссылкой добавить. Подскажите как правильно сделать.

Заранее благодарю.

Аккаунт SL-298479

[Alekseys]

Наталья11111 (14 Апрель 2015 - 15:32) писал:

Совсем запуталась, у меня стоят 3 баннера на всех страницах, кроме главной.

Не получается  картинку с ссылкой добавить. Подскажите как правильно сделать.

Заранее благодарю.

Аккаунт SL-298479

Ссылка должна иметь вид

<div><a href="http://akwaservis.ru/page/Доставка"><img src="{ASSETS_IMAGES_PATH}banner111.jpg" alt=""></a>></div>

[Наталья11111]

Спасибо, поняла где ошибки были)))

Alekseys (14 Апрель 2015 - 15:28) писал:

Здравствуйте. Уточните, Вы ошибочно написали пост?

да, ошибочно)

[Наталья11111]

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

Прикрепленные файлы

•  Презентация1.pdf   162,14К   104 Количество загрузок:

[Ирина345]

Наталья11111 (15 Апрель 2015 - 09:15) писал:

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

Здравствуйте, найдите в HTML

<div><a href="http://akwaservis.ru/page/Доставка"><img src="{ASSETS_IMAGES_PATH}banner111.jpg" alt=""></a>></div>
<div><a href="http://akwaservis.ru/page/Доставка"><img src="{ASSETS_IMAGES_PATH}banner111.jpg" alt=""></a>></div>
<div><a href="http://akwaservis.ru/page/Доставка"><img src="{ASSETS_IMAGES_PATH}banner111.jpg" alt=""></a>></div>

замените на

<div class="test1"><a href="http://akwaservis.ru/page/Доставка"><img src="{ASSETS_IMAGES_PATH}banner111.jpg" alt=""></a></div>
<div class="test1"><a href="http://akwaservis.ru/page/Доставка"><img src="{ASSETS_IMAGES_PATH}banner111.jpg" alt=""></a></div>
<div class="test1"><a href="http://akwaservis.ru/page/Доставка"><img src="{ASSETS_IMAGES_PATH}banner111.jpg" alt=""></a></div>

далее добавьте в конец main.css

.test1 {
  height: 94px;
  border: 0px solid #999;
  display: inline-block;
 }