Перейти к содержанию
zevs92

Опции горизонтально

Рекомендуемые сообщения

Здравствуйте уважаемые форумчане. Тем где рассказывают как сделать чтобы ВАРИАНТЫ опций шли горизонтально на странице товаров много. А как сделать чтобы чтобы сами опции шли горизонтально. (так как понятно объяснить словами это сложно, прилагаю фото) Может кто нибудь опытный знает какой нибудь способ? Понятно что нужно лазить в product, но что именно так менять???1111.jpg

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

<br /> убрать в poduct.tpl в блоках с опциями

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
<?php endif; ?>
      <?php endif; /* end v156 compatibility */ ?>
      <?php if ($options) { ?>
      <div class="options push-<?php echo $this->journal2->settings->get('product_page_options_push_select'); ?>">
        <h3><?php echo $text_option; ?></h3>
        <br />
        <?php foreach ($options as $option) { ?>
        <?php if ($option['type'] == 'select') { ?>
        <div id="option-<?php echo $option['product_option_id']; ?>" class="option">
          <?php if ($option['required']) { ?>
          <span class="required">*</span>
          <?php } ?>
          <b><?php echo $option['name']; ?>:</b><br />
          <select name="option[<?php echo $option['product_option_id']; ?>]">
            <option value=""><?php echo $text_select; ?></option>
            <?php foreach ($option['option_value'] as $option_value) { ?>
            <option value="<?php echo $option_value['product_option_value_id']; ?>" data-image="<?php echo $option_value['image']; ?>"><?php echo $option_value['name']; ?>
            <?php if ($option_value['price']) { ?>
            (<?php echo $option_value['price_prefix']; ?><?php echo $option_value['price']; ?>)
            <?php } ?>
            </option>
            <?php } ?>
          </select>
        </div>
        <br />

Если я правильно понял и сделал то не помогло. Вот код опции - список. (у меня эта опция стоит) тут три <br />, убирал по одному и все вместе. Ни чего не изменилось. 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

лучше вместо кода ссылку на сайт давать...

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Раз select используете, облачите его в новый div и настройте margin или padding (я не помню что там журнале срабатывает без плясок) и ширину под разрешения экрана, те что шаблон поддерживает

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Вообщем заходишь в CSS и находишь вот это

.product-info .right .options .option

Удаляешь потом Width: 100% и все готово. 
 
QHnGkwsDJWE.jpg

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Вообщем заходишь в CSS и находишь вот это

.product-info .right .options .option

Удаляешь потом Width: 100% и все готово. 

Вы когда такие советы даете, хотя бы иногда, открывайте отладчик и посмотрите как оно будет выглядеть в итоге. Т.к width: 100% и так дает блокам расползаться, глупо игнорировать мой ответ про тег <br /> в tpl шаблона

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Вы когда такие советы даете, хотя бы иногда, открывайте отладчик и посмотрите как оно будет выглядеть в итоге. Т.к width: 100% и так дает блокам расползаться, глупо игнорировать мой ответ про тег <br /> в tpl шаблона

Так я же отвечал, у меня ни чего не получилось(((

 

 

<?php endif; ?>

<?php endif; /* end v156 compatibility */ ?>

<?php if ($options) { ?>

<div class="options push-<?php echo $this->journal2->settings->get('product_page_options_push_select'); ?>">

<h3><?php echo $text_option; ?></h3>

<br />

<?php foreach ($options as $option) { ?>

<?php if ($option['type'] == 'select') { ?>

<div id="option-<?php echo $option['product_option_id']; ?>" class="option">

<?php if ($option['required']) { ?>

<span class="required">*</span>

<?php } ?>

<b><?php echo $option['name']; ?>:</b><br />

<select name="option[<?php echo $option['product_option_id']; ?>]">

<option value=""><?php echo $text_select; ?></option>

<?php foreach ($option['option_value'] as $option_value) { ?>

<option value="<?php echo $option_value['product_option_value_id']; ?>" data-image="<?php echo $option_value['image']; ?>"><?php echo $option_value['name']; ?>

<?php if ($option_value['price']) { ?>

(<?php echo $option_value['price_prefix']; ?><?php echo $option_value['price']; ?>)

<?php } ?>

</option>

<?php } ?>

</select>

</div>

<br />

Если я правильно понял и сделал то не помогло. Вот код опции - список. (у меня эта опция стоит) тут три <br />, убирал по одному и все вместе. Ни чего не изменилось. 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Вообщем заходишь в CSS и находишь вот это

.product-info .right .options .option

Удаляешь потом Width: 100% и все готово. 

 

Я конечно в кодах не очень разбираюсь но мне кажется width убирать это плохая идея.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Я конечно в кодах не очень разбираюсь но мне кажется width убирать это плохая идея.

Так  у тебя не получилось?? я тоже хочу сделать горизонтально. Прошу отписаться

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.