Добрый день!
Подскажите, пожалуйста, как перенести/ или передвинуть строку "в корзине товаров на" ?
заранее спасибо!
1
Как Перенести Строку "В Корзине Товаров На" В Шаблоне Мокко?
Автор krezon, 18 окт. 2011 10:48
Сообщений в теме: 18
#2
Vaccina
-
- Модераторы
-
- 24 353 сообщений
Активный участник
Отправлено 18 Октябрь 2011 - 22:07
Для переноса данного блока вам нужно в файле стилей main.css найти
далее с помощью свойств bottom и right управлять местоположением данного блока
#cartInfo {
bottom: 6px;
font-size: 13px;
position: absolute;
right: 10px;
white-space: nowrap;
}
далее с помощью свойств bottom и right управлять местоположением данного блока
#3
oneram
-
- Пользователи
-
- 55 сообщений
Продвинутый пользователь
Отправлено 20 Апрель 2012 - 12:29
Vaccina (18 Октябрь 2011 - 22:07) писал:
Для переноса данного блока вам нужно в файле стилей main.css найти
далее с помощью свойств bottom и right управлять местоположением данного блока
#cartInfo {
bottom: 6px;
font-size: 13px;
position: absolute;
right: 10px;
white-space: nowrap;
}
далее с помощью свойств bottom и right управлять местоположением данного блока
При изменении вообще не реагирует на место положения ? Что может быть? oneram.ru
#4
Vaccina
-
- Модераторы
-
- 24 353 сообщений
Активный участник
Отправлено 20 Апрель 2012 - 23:13
У Вас нарушена структура корзины. редактор тем - html - сверьте со сл.кодом и поправьте:
<!-- Корзина -->
<div id="cartInfo">
<a href="{CART_URL}">в корзине товаров на</a>:
<span id="cartSum">
{% IF cart_count_empty %}
<span class="red">0</span> {CURRENCY_NAME}
{% ELSE %}
{% FOR cart_sum %}
<span>{cart_sum.NOW | money_format}</span><br />
{% ENDFOR %}
{% ENDIF %}
</span>
</div>
<!-- end Корзина -->
#5
oneram
-
- Пользователи
-
- 55 сообщений
Продвинутый пользователь
Отправлено 22 Апрель 2012 - 22:21
Спасибо большое
#6
Vladis
-
- Пользователи
-
- 6 сообщений
Новичок
Отправлено 01 Июнь 2012 - 15:37
oneram (20 Апрель 2012 - 12:29) писал:
При изменении вообще не реагирует на место положения ? Что может быть? oneram.ru
Здравствуйте! Та же самая проблема, корзину поправил, ничего не меняется! Kirsche.ru
#7
Vaccina
-
- Модераторы
-
- 24 353 сообщений
Активный участник
Отправлено 02 Июнь 2012 - 01:34
У вас для текста задан маленький размер 3px в классе
этот класс находиться в файле main.css
Вам необходимо увеличить значение font-size
#cartInfo {
bottom: 0;
font-size: 3px;
position: absolute;
right: 10px;
white-space: nowrap;
}
этот класс находиться в файле main.css
Вам необходимо увеличить значение font-size
#8
Vladis
-
- Пользователи
-
- 6 сообщений
Новичок
Отправлено 04 Июнь 2012 - 08:38
Vaccina (02 Июнь 2012 - 01:34) писал:
У вас для текста задан маленький размер 3px в классе
этот класс находиться в файле main.css
Вам необходимо увеличить значение font-size
#cartInfo {
bottom: 0;
font-size: 3px;
position: absolute;
right: 10px;
white-space: nowrap;
}
этот класс находиться в файле main.css
Вам необходимо увеличить значение font-size
Прописывал 5px, 10px, 13px и 15px - результат тот же. Kirsche.ru
#9
Vaccina
-
- Модераторы
-
- 24 353 сообщений
Активный участник
Отправлено 04 Июнь 2012 - 23:57
Попробуйте очистить кэш в вашем браузере.
#10
Vladis
-
- Пользователи
-
- 6 сообщений
Новичок
Отправлено 05 Июнь 2012 - 08:45
Vaccina (04 Июнь 2012 - 23:57) писал:
Попробуйте очистить кэш в вашем браузере.
Я это делаю каждый раз после какого-либо изменения. Это не помогает!
#11
Vaccina
-
- Модераторы
-
- 24 353 сообщений
Активный участник
Отправлено 05 Июнь 2012 - 21:57
Ваш магазин выглядит так
из этого тогда не понятен ваш вопрос, так как раньше у вас шрифт корзины был слишком мелкий, и из-за чего надпись была не видна.
из этого тогда не понятен ваш вопрос, так как раньше у вас шрифт корзины был слишком мелкий, и из-за чего надпись была не видна.
#12
Vladis
-
- Пользователи
-
- 6 сообщений
Новичок
Отправлено 06 Июнь 2012 - 11:05
Vaccina (05 Июнь 2012 - 21:57) писал:
Ваш магазин выглядит так
kirsche_ru.png
из этого тогда не понятен ваш вопрос, так как раньше у вас шрифт корзины был слишком мелкий, и из-за чего надпись была не видна.
kirsche_ru.pngиз этого тогда не понятен ваш вопрос, так как раньше у вас шрифт корзины был слишком мелкий, и из-за чего надпись была не видна.
При всём уважении к Вам и Вашей работе, которую Вы здесь производите, вопрос был в том что бы передвинуть этот блок, что у меня не получается при выполнении всех инструкций, указанных выше. А вопрос о видимости не стоял, т.к. у меня этой проблемы не наблюдалось.
С уважением, Kirsche.ru
P.S. За указание на ошибку отображения шрифта надписи, спасибо!
#13
Vaccina
-
- Модераторы
-
- 24 353 сообщений
Активный участник
Отправлено 06 Июнь 2012 - 21:40
Вероятно я вас не верно поняла. Для того чтобы передвинуть данный блок - вам необходимо в файле стилей main.css найти
и изменить значения bottom и right
#cartInfo {
bottom: 0;
font-size: 15px;
position: absolute;
right: 10px;
white-space: nowrap;
}
и изменить значения bottom и right
#14
Vladis
-
- Пользователи
-
- 6 сообщений
Новичок
Отправлено 07 Июнь 2012 - 08:48
Vaccina (06 Июнь 2012 - 21:40) писал:
Вероятно я вас не верно поняла. Для того чтобы передвинуть данный блок - вам необходимо в файле стилей main.css найти
и изменить значения bottom и right
#cartInfo {
bottom: 0;
font-size: 15px;
position: absolute;
right: 10px;
white-space: nowrap;
}
и изменить значения bottom и right
В том и дело, что я уже менял эти параметры, это ни к чему не привело. Сейчас стоят параметры уже изменённые: bottom, по-умолчанию, было 6px, я поставил 0; right изменил на 1px, только ради эксперимента, мне right менять не надо.
Я хочу добиться переноса строки "КОРЗИНЕ ТОВАРОВ НА: 0 рублей" вверх, над блоком поиска.
Kirsche.ru
#15
Vaccina
-
- Модераторы
-
- 24 353 сообщений
Активный участник
Отправлено 07 Июнь 2012 - 21:22
right и bottom это всего лишь позиции, так же есть и top, left.
Если вы хотите выравнивать блок относительно верха - вам необходимо bottom заменить на top и задать значение смещения.
Если вы хотите выравнивать блок относительно верха - вам необходимо bottom заменить на top и задать значение смещения.
#16
Vladis
-
- Пользователи
-
- 6 сообщений
Новичок
Отправлено 08 Июнь 2012 - 15:24
Спасибо большое! Разобрался 
#17
Panerai
-
- Пользователи
-
- 122 сообщений
Продвинутый пользователь
Отправлено 31 Август 2013 - 17:40
Здравствуйте. А каким образом можно переместить строку и картинку по аналогии указанной на фото ? Рисунок корзинки для этого нужно будет залить отдельным файлов в редактор тем, это я сделаю. Сейчас корзинка нарисована в шапку.
Прикрепленные изображения
#18
sengun
-
- Модератоpы
-
- 1 139 сообщений
Активный участник
- ГородНижний Новгород
Отправлено 31 Август 2013 - 20:12
Panerai (31 Август 2013 - 17:40) писал:
Здравствуйте. А каким образом можно переместить строку и картинку по аналогии указанной на фото ? Рисунок корзинки для этого нужно будет залить отдельным файлов в редактор тем, это я сделаю. Сейчас корзинка нарисована в шапку.
<!-- Корзина -->
<div id="cartInfo">
<a href="{CART_URL}" class="underline"> товаров</a>:
<span id="cartSum">
{% IF cart_count_empty %}
<span class="red">0</span> шт.
{% ELSE %}
{% FOR cart_count %}
{cart_count.COUNT}{cart_count.MEASURE_NAME}{% IFNOT cart_count.last %},{% ENDIF %}
{% ENDFOR %}
{% ENDIF %}
</span>
</div>
<!-- end Корзина -->
Вставьте его после строки<!-- end Поиск -->в таком виде
<!-- Корзина -->
<div id="cartInfo">
<a href="{CART_URL}" class="underline"><img src="{ASSETS_IMAGES_PATH}cart.png"> товаров</a>:
<span id="cartSum">
{% IF cart_count_empty %}
<span class="red">0</span> шт.
{% ELSE %}
{% FOR cart_count %}
{cart_count.COUNT}{cart_count.MEASURE_NAME}{% IFNOT cart_count.last %},{% ENDIF %}
{% ENDFOR %}
{% ENDIF %}
</span>
</div>
<!-- end Корзина -->
Здесь cart.png - имя картинки с корзиной.И замените код в main.css
/*cartInfo*/
#cartInfo {
color:#FFF;
position:absolute;
font-size: 13px;
top: 54px;
left: 380px;
white-space:nowrap;
overflow:hidden;
height:20px;
width: 340px;
}
#cartInfo a {
color:#FFF;
text-transform: uppercase;
padding:5px 0px 5px 120px;
}
/*cartInfo*/
на этот
/*cartInfo*/
#cartInfo {
color:#FFF;
position:relative;
font-size: 13px;
white-space:nowrap;
overflow:hidden;
height:50px;
width: 100%;
margin-bottom:20px;
padding-left: 10px;
}
#cartInfo a {
color:#FFF;
text-transform: uppercase;
padding:5px 0px 5px 0px;
}
#cartInfo img {
margin: 0 10px -20px 0;
}
/*cartInfo*/
#19
Panerai
-
- Пользователи
-
- 122 сообщений
Продвинутый пользователь
Отправлено 01 Сентябрь 2013 - 13:55
sengun (31 Август 2013 - 20:12) писал:
Здравствуйте. Вырежьте в шаблоне HTML код корзины
И замените код в main.css
<!-- Корзина -->
<div id="cartInfo">
<a href="{CART_URL}" class="underline"> товаров</a>:
<span id="cartSum">
{% IF cart_count_empty %}
<span class="red">0</span> шт.
{% ELSE %}
{% FOR cart_count %}
{cart_count.COUNT}{cart_count.MEASURE_NAME}{% IFNOT cart_count.last %},{% ENDIF %}
{% ENDFOR %}
{% ENDIF %}
</span>
</div>
<!-- end Корзина -->
Вставьте его после строки<!-- end Поиск -->в таком виде
<!-- Корзина -->
<div id="cartInfo">
<a href="{CART_URL}" class="underline"><img src="{ASSETS_IMAGES_PATH}cart.png"> товаров</a>:
<span id="cartSum">
{% IF cart_count_empty %}
<span class="red">0</span> шт.
{% ELSE %}
{% FOR cart_count %}
{cart_count.COUNT}{cart_count.MEASURE_NAME}{% IFNOT cart_count.last %},{% ENDIF %}
{% ENDFOR %}
{% ENDIF %}
</span>
</div>
<!-- end Корзина -->
Здесь cart.png - имя картинки с корзиной.И замените код в main.css
/*cartInfo*/
#cartInfo {
color:#FFF;
position:absolute;
font-size: 13px;
top: 54px;
left: 380px;
white-space:nowrap;
overflow:hidden;
height:20px;
width: 340px;
}
#cartInfo a {
color:#FFF;
text-transform: uppercase;
padding:5px 0px 5px 120px;
}
/*cartInfo*/
на этот
/*cartInfo*/
#cartInfo {
color:#FFF;
position:relative;
font-size: 13px;
white-space:nowrap;
overflow:hidden;
height:50px;
width: 100%;
margin-bottom:20px;
padding-left: 10px;
}
#cartInfo a {
color:#FFF;
text-transform: uppercase;
padding:5px 0px 5px 0px;
}
#cartInfo img {
margin: 0 10px -20px 0;
}
/*cartInfo*/
Идеально !!! Огромное спасибо.
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных
