Перейти к содержимому


Блоки Наезжают Друг На Друга

Автор ming-emoe, 15 июня 2013 04:56

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 63

#21 wickedslim

wickedslim

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 86 сообщений

Отправлено 05 Декабрь 2013 - 10:36

Добрый день, добавил на сайт счетчик количества товара и теперь не могу совладать с css, помогите выровнять.
Аккаунт SL-229100

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

  • Безымянный.JPG

#22 Koderhan

Koderhan

    Активный участник

  • Модератоpы
  • 6 227 сообщений

Отправлено 05 Декабрь 2013 - 12:03

Просмотр сообщенияwickedslim (05 Декабрь 2013 - 10:36) писал:

Добрый день, добавил на сайт счетчик количества товара и теперь не могу совладать с css, помогите выровнять.
Аккаунт SL-229100

В конец файла "main.css".
Добавить код:
.numeric_input p {
	color: black;
}
В файле "main.css".
Найти код:
input.text_q {
float: left;
text-align:right;
width:20px;
height:16px;
border: solid 1px #E8E8E8;
padding: 2px;
font: bold 12px Verdana, Geneva, sans-serif;
color: #C00;
}
Заменить:
input.text_q {
float: left;
text-align:right;
width: 30px;
height: 25px;
border: solid 1px #E8E8E8;
padding: 2px;
font: bold 12px Verdana, Geneva, sans-serif;
color: #C00;
}

#23 wickedslim

wickedslim

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 86 сообщений

Отправлено 05 Декабрь 2013 - 14:09

Просмотр сообщенияKoderhan (05 Декабрь 2013 - 12:03) писал:

В конец файла "main.css".
Добавить код:
.numeric_input p {
color: black;
}
В файле "main.css".
Найти код:
input.text_q {
float: left;
text-align:right;
width:20px;
height:16px;
border: solid 1px #E8E8E8;
padding: 2px;
font: bold 12px Verdana, Geneva, sans-serif;
color: #C00;
}
Заменить:
input.text_q {
float: left;
text-align:right;
width: 30px;
height: 25px;
border: solid 1px #E8E8E8;
padding: 2px;
font: bold 12px Verdana, Geneva, sans-serif;
color: #C00;
}

не совсем то, растянулось окошечко, в принципе норм, но еще съехала кнопка купить
http://sportpower18....onentnyj-gejner

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

  • Безымянный1.JPG

#24 Koderhan

Koderhan

    Активный участник

  • Модератоpы
  • 6 227 сообщений

Отправлено 05 Декабрь 2013 - 14:13

Просмотр сообщенияwickedslim (05 Декабрь 2013 - 14:09) писал:

не совсем то, растянулось окошечко, в принципе норм, но еще съехала кнопка купить
http://sportpower18....onentnyj-gejner


Панель администратора, "Сайт"->"Редактор шаблонов".
В файле "main.css".
Найти код:
.numeric_input {
position: relative;
float:left;
width:300px;
}
Заменить:
.numeric_input {
position: relative;
float:right;
}

#25 wickedslim

wickedslim

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 86 сообщений

Отправлено 05 Декабрь 2013 - 14:20

Просмотр сообщенияKoderhan (05 Декабрь 2013 - 14:13) писал:

Панель администратора, "Сайт"->"Редактор шаблонов".
В файле "main.css".
Найти код:
.numeric_input {
position: relative;
float:left;
width:300px;
}
Заменить:
.numeric_input {
position: relative;
float:right;
}

Сейчас так, как сделать как на 2й картинке

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

  • Безымянный2.JPG
  • Безымянный3.JPG

#26 Koderhan

Koderhan

    Активный участник

  • Модератоpы
  • 6 227 сообщений

Отправлено 05 Декабрь 2013 - 15:01

Просмотр сообщенияwickedslim (05 Декабрь 2013 - 14:20) писал:

Сейчас так, как сделать как на 2й картинке
В файле "main.css".
Найти код:
.numeric_input {
position: relative;
float:right;
}
Заменить:
.numeric_input {
position: relative;
float: left;
margin-top: 5px;
}

В файле "Товар". Код :
													 <script language="JavaScript">
function addone(i) {
						 ta1=document.getElementById("quantity_wanted");
						 ta1.value=parseInt(ta1.value)+i;
						 if (parseInt(ta1.value) <= 0) { ta1.value=0; }
		 }
</script>
<div class="numeric_input"><p style="
float: left;
padding: 3px;
margin: 0px;
position: relative;
">
Кол-во: </p>
<input type="text" class="text_q" name="form[goods_mod_quantity]" id="quantity_wanted" value="1" title="Количество" maxlength="12" onkeydown="this.blur()"><div style="margin-top: -4px;">
<input type="button" class="up_button" onclick="addone(1)">
<input type="button" class="down_button" onclick="addone(-1)">
</div>
</div>
Перемести под код:
					 <!-- Доступность товара -->
					 <div class="goodsDataMainModificationAvailable">						
						 <div rel="true" class="available-true" {% IF GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}>Товар есть в наличии</div>
						 <div rel="false" class="available-false" {% IF GOODS_MOD_REST_VALUE>0 %}style="display:none;"{% ENDIF %}>Товара нет в наличии</div>
					 </div>

#27 wickedslim

wickedslim

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 86 сообщений

Отправлено 05 Декабрь 2013 - 15:21

Спасибо, сейчас красота. Пользуясь случаем, задам еще 1 вопрос не по теме. Как сделать что бы вкус автоматом выставлялся тот что есть в наличии, а то надпись "нет вналичии" отталкивает

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

  • Безымянный4.JPG

#28 Сake

Сake

    Активный участник

  • Модератоpы
  • 5 979 сообщений

Отправлено 06 Декабрь 2013 - 01:58

Ранее данный вопрос рассматривался в теме форума http://forum.storela...ии/#entry101630

#29 wickedslim

wickedslim

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 86 сообщений

Отправлено 06 Декабрь 2013 - 10:16

Просмотр сообщенияСake (06 Декабрь 2013 - 01:58) писал:

Ранее данный вопрос рассматривался в теме форума http://forum.storela...ии/#entry101630
Благодарю

#30 zaprom

zaprom

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 251 сообщений
  • ГородМосква

Отправлено 09 Декабрь 2013 - 23:07

Просмотр сообщенияCastiel (04 Декабрь 2013 - 08:35) писал:

Здравствуйте, для того чтобы применить предложенные изменения, вам необходимо зайти в бэкофис Товары. Далее мы выбираем категорию Антенны LTE 4G и нажимаем на кнопку редактировать категорию (приложение 1). В редакторе категории мы нажимаем кнопку источник (приложение 2) и видим тэги, нам необходимо очистить это поле и вставить новый код
<span style="font-family:verdana,geneva,sans-serif;">Не всегда обычный модем дает желаемый результат. Ведь на качество сигнала влияют очень многие факторы: стены, деревья с их листвой, структура рельефа и многие другие факторы. Поэтому бывает, что обычный модем на улице "ловит" хорошо, а как только вы зашли в помещение, сигнал значительно теряет в качестве и как следствие, падает скорость интернет соединения. Так же очень часто модем перескакивает с одной базовой станции на другую. При этом если первая была менее загружена абонентами, то другая может просто быть забита до отказа.
Для решения этих проблем и предназначены антенны LTE направленного действия. С помощью этих антенн возможно в разы повысить качество уровня сигнала, и тем самым поднять интернет скорость.
В нашем интернет - магазине, Вы можете приобрести как, антенны для усиления сигнала 4G, так и сопутствующие к ним товары.
Так же у нас возможно вызвать специалиста, который определит на месте, возможность эффективности усиления антенны LTE.</span>

В дальнейшем, при добавлении новой информации о категории, мы редактируем ее и просто вводим нужный нам текст используя визуальный редактор как в Word (кнопка источник нужна если мы вводим тэги)

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

#31 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 10 Декабрь 2013 - 04:17

Попробуйте сделать следующее, Сайт - Редактор шаблонов - main.css - найдите:
table {
border-collapse: collapse;
margin-top: 20px;
width: auto;
}
.goodsDataMainImageBlock {
width: 280px;
}
.goodsDataMain td {
vertical-align: top;
}

Замените на:
table {
border-collapse: collapse;
margin-top: 20px;
width: 100%;
}
.goodsDataMainImageBlock {
float: left !important;
width: 280px;
}
.goodsDataMain td {
float: right;
vertical-align: top;
}

У вас на самом деле текст не вылезает, просто таблица по ширине меньше нежели остальные блоки.

#32 zaprom

zaprom

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 251 сообщений
  • ГородМосква

Отправлено 10 Декабрь 2013 - 21:42

Почему то у меня нет такого кода в шаблоне

#33 Castiel

Castiel

    Активный участник

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 10 Декабрь 2013 - 21:50

Просмотр сообщенияzaprom (10 Декабрь 2013 - 21:42) писал:

Почему то у меня нет такого кода в шаблоне

main.css находиться чуть ниже шаблонов в пункте СТИЛИ

#34 sotil

sotil

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 413 сообщений
  • ГородЕкатеринбург

Отправлено 21 Февраль 2014 - 11:52

Подскажите какую нагрузку несёт этот код, в шаблоне ТОВАР
<div class="goodsDataMainModificationQuantity">
		</br><label for="quantity_wanted">[b]здесь что-то было - не помню[/b]</label>

Спасибо!

#35 Сake

Сake

    Активный участник

  • Модератоpы
  • 5 979 сообщений

Отправлено 22 Февраль 2014 - 00:46

Данный код по идее предназначен для поля с указанием количества добавляемого товара в корзину. label в данном случае это метка поля.

<label for="quantity_wanted">Кол-во</label>

При клике на "Кол-во" курсор перейдет на поле ввода количества добавляемого товара в корзину. Определение поля происходить по атрибуту for в котором должен быть задан идентификатор поля (input).

#36 sotil

sotil

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 413 сообщений
  • ГородЕкатеринбург

Отправлено 22 Февраль 2014 - 04:31

Просмотр сообщенияСake (22 Февраль 2014 - 00:46) писал:

Данный код по идее предназначен для поля с указанием количества добавляемого товара в корзину. label в данном случае это метка поля.

<label for="quantity_wanted">Кол-во</label>

При клике на "Кол-во" курсор перейдет на поле ввода количества добавляемого товара в корзину. Определение поля происходить по атрибуту for в котором должен быть задан идентификатор поля (input).
Понял, спасибо!

#37 Арт-модуль

Арт-модуль

    Пользователь

  • Пользователи
  • PipPip
  • 11 сообщений

Отправлено 24 Апрель 2014 - 22:08

Здравствуйте. У меня изображения наезжают друг на друга под основным товаром http://artmodul58.ru/goods/A23 что мне сделать, чтобы их раздвинуть? (планирую добавлять изображения к каждому товару) Заранее спасибо.

#38 Ирина345

Ирина345

    Активный участник

  • Модераторы
  • 5 709 сообщений

Отправлено 24 Апрель 2014 - 22:41

Просмотр сообщенияАрт-модуль (24 Апрель 2014 - 22:08) писал:

Здравствуйте. У меня изображения наезжают друг на друга под основным товаром http://artmodul58.ru/goods/A23 что мне сделать, чтобы их раздвинуть? (планирую добавлять изображения к каждому товару) Заранее спасибо.
Здравствуйте
найдите main.css код 
.goodsDataMainImagesIcon			{width:46px;height:46px;margin:0.2em 0.4em 0.2em 0em;}

замените на

.goodsDataMainImagesIcon			{width:46px;height:46px;margin:0.2em 9.4em 3.2em 0em;}

#39 Арт-модуль

Арт-модуль

    Пользователь

  • Пользователи
  • PipPip
  • 11 сообщений

Отправлено 25 Апрель 2014 - 09:48

Заменил, не помогает.

#40 MikDark

MikDark

    Активный участник

  • Модераторы
  • 6 468 сообщений

Отправлено 25 Апрель 2014 - 10:40

Просмотр сообщенияАрт-модуль (25 Апрель 2014 - 09:48) писал:

Заменил, не помогает.

Уточните, каким браузером Вы пользуетесь?
Обратно в Страница товара


Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Сияние
  5. → Страница товара
  6. Privacy Policy