Автор Тема: Отображение курьеров - в чем может быть проблема  (Прочитано 553 раз)

31 Марта 2014, 11:10:21
  • Пользователь
  • **
  • Сообщений: 65
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Помогите разобраться. При отображении курьеров в пошаговой покупке один курьер (пятый ) смещается вправо -см. картинку. Если возможных курьеров до 4, всё отображается нормально. Появляется пятый - смещается.

<div class="delivery_options">
    <div class="delivery_option item">
    <div class="delivery_option alternate_item">
    <div class="delivery_option item">
    <div class="delivery_option alternate_item">
    <div class="delivery_option item">

Просматриваю коды и стили через Fireburg - ничего лишнего или отличающегося от предыдущих двух пар (delivery_option item+delivery_option alternate_item). Такое ощущение, что где-то что-то прописано только для 2-х пар. Что это может быть и где искать причину?
31 Марта 2014, 11:56:20
Ответ #1
  • Модератор
  • Ветеран
  • *****
  • Сообщений: 86326
  • Репутация: +25417/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Если курьеров 4, то какой класс стилей у последнего курьера?
Подставьте  эти стили у последнего 5-го курьера.
01 Апреля 2014, 00:50:18
Ответ #2
  • Пользователь
  • **
  • Сообщений: 65
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
<div class="delivery_options">
    1.курьер<div class="delivery_option item">
    2.курьер<div class="delivery_option alternate_item">
    3.курьер<div class="delivery_option item">
    4.курьер<div class="delivery_option alternate_item">
    5.курьер<div class="delivery_option item">
 У пятого курьера стиль такой же как у 1 и 3.
01 Апреля 2014, 11:32:25
Ответ #3
  • Ветеран
  • *****
  • Сообщений: 33028
  • Репутация: +26761/-0
    • Просмотр профиля
Какая разница между классами "alternate_item" и "item"?
03 Апреля 2014, 01:05:20
Ответ #4
  • Пользователь
  • **
  • Сообщений: 65
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Вот коды:
div class="delivery_option item"> -- отображается нормально
<input id="delivery_option_11_2" class="delivery_option_radio" type="radio" checked="checked" value="59," onchange="updateExtraCarrier('59,', 11);" name="delivery_option[11]">
<label for="delivery_option_11_2">
<table class="resume">
<tbody>
<tr>
<td class="delivery_option_logo">
<img alt="Курьер Organica&Beauty по регионам" src="/img/s/59.jpg">
</td>
<td>
<div class="delivery_option_title">Курьер Organica&Beauty по регионам</div>
<div class="delivery_option_delay">Доставка по всем регионам до двери</div>
<div class="delivery_option_fast delivery_option_icon"></div>
</td>
<td>
<div class="delivery_option_price"> 290,00 руб (с НДС) </div>
</td>
</tr>
</tbody>
</table>
<table class="delivery_option_carrier selected not-displayable">
</label>
</div>
<div class="delivery_option alternate_item">  -[b]отображается нормально[/b]
<input id="delivery_option_11_3" class="delivery_option_radio" type="radio" value="80," onchange="updateExtraCarrier('80,', 11);" name="delivery_option[11]">
<label for="delivery_option_11_3">
<table class="resume">
<tbody>
<tr>
<td class="delivery_option_logo">
<img alt="DPD Consumer" src="/img/s/80.jpg">
</td>
<td>
<div class="delivery_option_title">DPD Consumer</div>
<div class="delivery_option_delay">Экспресс доставка до двери</div>
</td>
<td>
<div class="delivery_option_price"> 350,00 руб (с НДС) </div>
</td>
</tr>
</tbody>
</table>
<table class="delivery_option_carrier not-displayable" style="display: none;">
</label>
</div>
<div class="delivery_option item"> - [b]отображается со смещением[/b]
<input id="delivery_option_11_4" class="delivery_option_radio" type="radio" value="82," onchange="updateExtraCarrier('82,', 11);" name="delivery_option[11]">
<label for="delivery_option_11_4">
<table class="resume">
<tbody>
<tr>
<td class="delivery_option_logo">
<img alt="DPD Classic Parcel" src="/img/s/82.jpg">
</td>
<td>
<div class="delivery_option_title">DPD Classic Parcel</div>
<div class="delivery_option_delay">Наземная доставка с простым тарифом до двери – дешевле, но несколько дольше, чем экспресс-доставка DPD</div>
</td>
<td>
<div class="delivery_option_price"> 440,00 руб (с НДС) </div>
</td>
</tr>
</tbody>
</table>
<table class="delivery_option_carrier not-displayable" style="display: none;">
</label>
</div>

Вот CSS коды для delivery_option item
#order .delivery_option_radio, #order-opc .delivery_option_radio {
    float: left;
    margin: 21px 12px;
}
.order_carrier_content input {
    position: relative;
    top: 1px;
}
body, td, th, input, textarea, select, #twitter_update_list {
    font-size: 12px;
}
input, select, textarea, button {
    color: #928F8F;
    vertical-align: middle;
}
#order .delivery_option label, #order-opc .delivery_option label {
    padding-bottom: 5px;
    padding-top: 5px;
}
#order .delivery_option label > table.resume, #order-opc .delivery_option label > table.resume {
    height: 46px;
    width: 685px;
}
table {
    border: 0 none;
    border-spacing: 0;
    empty-cells: show;
    font-size: 100%;
}
Вот CSS коды для delivery_option alternate_item
#order .delivery_option.alternate_item, #order-opc .delivery_option.alternate_item {
    background: none repeat scroll 0 0 #F1F2F4;
    border-bottom: 1px solid #BDC2C9;
    border-top: 1px solid #BDC2C9;
}
#order .delivery_option_radio, #order-opc .delivery_option_radio {
    float: left;
    margin: 21px 12px;
}
.order_carrier_content input {
    position: relative;
    top: 1px;
}
body, td, th, input, textarea, select, #twitter_update_list {
    font-size: 12px;
}
input, select, textarea, button {
    color: #928F8F;
    vertical-align: middle;
}
#order .delivery_option label, #order-opc .delivery_option label {
    padding-bottom: 5px;
    padding-top: 5px;
}
#order .delivery_option label > table.resume, #order-opc .delivery_option label > table.resume {
    height: 46px;
    width: 685px;
}
table {
    border: 0 none;
    border-spacing: 0;
    empty-cells: show;
    font-size: 100%;
}

Никаких проблем в кодах вроде не вижу.
06 Апреля 2014, 19:54:10
Ответ #5
  • Пользователь
  • **
  • Сообщений: 65
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Друзья-товарищи, неужели никто помочь не может?   :-[ Очень нужно найти причину.
07 Апреля 2014, 10:59:11
Ответ #6
  • Партнер
  • Ветеран
  • ****
  • Сообщений: 22212
  • Репутация: +17111/-1
  • Разработка веб-сайтов и веб-программирование
    • Просмотр профиля
Установите firebug, откройте консоль отладки в firefox (F12), выделите последний блок и меняйте стили прямо в браузере.
Интернет-магазин под ключ.
Какой выбрать движок для интернет магазина ?
Какой движок лучше ?
Magento или Prestashop ?
Решение всех Ваших вопросов в создании Интернет-магазина.