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

[zevs92]

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

[oxdse]

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

[zevs92]

<?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 />, убирал по одному и все вместе. Ни чего не изменилось. 

[tim21701]

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

[Tom]

Так у ТС адрес в картинке.

[oxdse]

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

[Sport7]

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

.product-info .right .options .option

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

[oxdse]

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

.product-info .right .options .option

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

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

[zevs92]

Вы когда такие советы даете, хотя бы иногда, открывайте отладчик и посмотрите как оно будет выглядеть в итоге. Т.к 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 />, убирал по одному и все вместе. Ни чего не изменилось. 

[zevs92]

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

.product-info .right .options .option

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

 

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

[Ilnar1234]

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

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