OC 1.5.x Глюк с словом "Поделиться" и сетка на картинке продукта

Тема в разделе "Дизайн, оформление и шаблоны", создана пользователем Vlad77mk, 30 июн 2015.

  1. Vlad77mk

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

    Сообщения:
    142
    Симпатии:
    1
    Почему слово "Поделиться" отображается после иконок с сервисами? Вот код:
    Второй вопрос

    Почему сетка из под кнопок "Поделиться" и оценки товара вылезла на картинку с товаром?
     

    Вложения:

  2. Ravilr

    Ravilr Специалист

    Сообщения:
    3.877
    Симпатии:
    1.064
    потому что, что у вас так задумано. Смотрите стили для данного блока.
     
  3. Vlad77mk

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

    Сообщения:
    142
    Симпатии:
    1
    Это Вы так про сетку, которая вылезла?

    А со словом "поделиться" что делать?
     
  4. Ravilr

    Ravilr Специалист

    Сообщения:
    3.877
    Симпатии:
    1.064
    да не про сетку, а про стили. У вас может стоит float:right для данного блока, вот и направо уходит.
    По изображению сложновато помочь.. больше на гадание походит..
     
  5. Vlad77mk

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

    Сообщения:
    142
    Симпатии:
    1
    <div class="share"><!-- AddThis Button BEGIN -->
    <div class="addthis_default_style"> <?php echo $text_share; ?></a> <a class="addthis_button_email"></a> <a class="addthis_button_odnoklassniki_ru"></a> <a class="addthis_button_vk"></a></div>
    <script type="text/javascript" src="//s7.addthis.com/js/250/addthis_widget.js"></script>

    До этого код был таким:
    <div class="share"><!-- AddThis Button BEGIN -->
    <div class="addthis_default_style"><a class="addthis_button_compact"><?php echo $text_share; ?></a> <a class="addthis_button_email"></a><a class="addthis_button_print"></a> <a class="addthis_button_odnoklassniki_ru"></a> <a class="addthis_button_vk"></a></div>
    <script type="text/javascript" src="//s7.addthis.com/js/250/addthis_widget.js"></script>

    Изначально "Поделиться" было в начале, а после моего вмешательства слово вправо ушло.
     
  6. Vlad77mk

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

    Сообщения:
    142
    Симпатии:
    1
    Кто-то знает, как исправить?
     
  7. Ravilr

    Ravilr Специалист

    Сообщения:
    3.877
    Симпатии:
    1.064
    Я уже написал вам выше.
    что еще вам написать, что бы вы поняли, что для решения задачи нужно видеть сам сайт, не скрин, а именно сайт.
    Иногда бывает и этого не достаточно, но это первое что необходимо сделать.
     
  8. Vlad77mk

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

    Сообщения:
    142
    Симпатии:
    1
    vlad77mk.srz.wh1.su/index.php?route=product/product&product_id=63
     
  9. Ravilr

    Ravilr Специалист

    Сообщения:
    3.877
    Симпатии:
    1.064
    в файле стилей stylesheet.css поменяйте стиль на такой
    Код:
    .product-info .review .share a {
        display: inline-block;
        float: none;
        padding: 0;
        text-decoration: none;
        vertical-align: middle;
    }
     
  10. Ravilr

    Ravilr Специалист

    Сообщения:
    3.877
    Симпатии:
    1.064
    и в .product-info .review
    добавьте overflow: auto;
     
  11. Vlad77mk

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

    Сообщения:
    142
    Симпатии:
    1
    тут два кода .product-info .review
    в какой вставлять?


    .product-info .review {
    color: #4D4D4D;
    border-top: 1px solid #E7E7E7;
    border-left: 1px solid #E7E7E7;
    border-right: 1px solid #E7E7E7;
    margin-bottom: 10px;
    }
    .product-info .review > div {
    padding: 8px;
    border-bottom: 1px solid #E7E7E7;
    line-height: 20px;
    }
     
  12. Ravilr

    Ravilr Специалист

    Сообщения:
    3.877
    Симпатии:
    1.064
    Ну разве не очевидно по строке которую указал? Зачем в другую вставлять??

    И пользуйтесь тегами code для размешения кода в сообщении
     
    Vlad77mk нравится это.
  13. Vlad77mk

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

    Сообщения:
    142
    Симпатии:
    1
    Все работает. Большое спасибо :)