Jump to content

Recommended Posts

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

Share this post


Link to post
Share on other sites

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

Share this post


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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

.product-info .right .options .option

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

Share this post


Link to post
Share on other sites

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

.product-info .right .options .option

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

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

.product-info .right .options .option

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

 

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

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.