Jump to content
Sign in to follow this  
Alexlebedev

Как увеличить ширину описания товара

Recommended Posts

Добрый день! подскажите поподробней, как изменить ширину описания товаров? сейчас описание товаров идет в столбик очень узко и смотрится убого. Как его сделать на ширину страницы?  второй вопрос: какой параметр отвечает за ширину текста в описании?

2019-01-02_16-11-10.png

Share this post


Link to post
Share on other sites

Нет параметра, нужно править верстку в файле catalog/view/theme/<тема>/template/product/product.tpl

Share this post


Link to post
Share on other sites

В карточке товара зона контента делится на две колонки. 

В левой колонке располагаются фотографии, описание и характеристики.

В правой колонке располагаются: название, код товара, опции, цена, кнопка "Купить".

Чтобы изменить такую компоновку, надо в product.tpl часть кода, который отвечает за описание и характеристики вынести в блок по ширине контента, который будет расположен ниже двух колонок.

На десктопе будет смотреться нормально. А вот на мобильных будет не очень:

Фото, ниже Цена и кнопка "Купить", а еще ниже- Описание.

Если вы такой борец за красоту, то уберите для начала левую колонку из товаров. Она там некстати. (Убрать из левой колонки Модуль Категории в Макете Товар)

Share this post


Link to post
Share on other sites
51 минуту назад, PaulKravchenko сказал:

Нет параметра, нужно править верстку в файле catalog/view/theme/<тема>/template/product/product.tpl

про файл я понял, а что именно в этом файле надо заменить?

Share this post


Link to post
Share on other sites
50 минут назад, jaffagold сказал:

В карточке товара зона контента делится на две колонки. 

В левой колонке располагаются фотографии, описание и характеристики.

В правой колонке располагаются: название, код товара, опции, цена, кнопка "Купить".

Чтобы изменить такую компоновку, надо в product.tpl часть кода, который отвечает за описание и характеристики вынести в блок по ширине контента, который будет расположен ниже двух колонок.

На десктопе будет смотреться нормально. А вот на мобильных будет не очень:

Фото, ниже Цена и кнопка "Купить", а еще ниже- Описание.

Если вы такой борец за красоту, то уберите для начала левую колонку из товаров. Она там некстати. (Убрать из левой колонки Модуль Категории в Макете Товар)

а как именно нужно изменить? что на что заменить и какие строки?

Share this post


Link to post
Share on other sites
18 минут назад, Alexlebedev сказал:

а как именно нужно изменить? что на что заменить и какие строки?

ссылку дайте, откуда кто знает, как у вас сверстано?

в дефолтной теме, описание лежит в блоке:

<ul class="nav nav-tabs"> </ul>

 

Share this post


Link to post
Share on other sites
37 минут назад, anboza сказал:

ссылку дайте, откуда кто знает, как у вас сверстано?

в дефолтной теме, описание лежит в блоке:

<ul class="nav nav-tabs"> </ul>

 

http://дверноймастер.рф  ссылку на сайт, я правильно понял?

Share this post


Link to post
Share on other sites

Мой блог в стоп- листе

Ссылку отправил в ЛС, там исчерпывающая инструкция.

Удачи.

Share this post


Link to post
Share on other sites
Цитата

в дефолтной теме, описание лежит в блоке:

<ul class="nav nav-tabs"> </ul>

там только ярлычки переключения, описание ниже по коду....

 

Вот код стандартного шаблона, который отвечает за вывод описания, характеристик, отзывов...

Спойлер

          <ul class="nav nav-tabs">
            <li class="active"><a href="#tab-description" data-toggle="tab"><?php echo $tab_description; ?></a></li>
            <?php if ($attribute_groups) { ?>
            <li><a href="#tab-specification" data-toggle="tab"><?php echo $tab_attribute; ?></a></li>
            <?php } ?>
            <?php if ($review_status) { ?>
            <li><a href="#tab-review" data-toggle="tab"><?php echo $tab_review; ?></a></li>
            <?php } ?>
          </ul>
          <div class="tab-content">
            <div class="tab-pane active" id="tab-description"><?php echo $description; ?></div>
            <?php if ($attribute_groups) { ?>
            <div class="tab-pane" id="tab-specification">
              <table class="table table-bordered">
                <?php foreach ($attribute_groups as $attribute_group) { ?>
                <thead>
                  <tr>
                    <td colspan="2"><strong><?php echo $attribute_group['name']; ?></strong></td>
                  </tr>
                </thead>
                <tbody>
                  <?php foreach ($attribute_group['attribute'] as $attribute) { ?>
                  <tr>
                    <td><?php echo $attribute['name']; ?></td>
                    <td><?php echo $attribute['text']; ?></td>
                  </tr>
                  <?php } ?>
                </tbody>
                <?php } ?>
              </table>
            </div>
            <?php } ?>
            <?php if ($review_status) { ?>
            <div class="tab-pane" id="tab-review">
              <form class="form-horizontal" id="form-review">
                <div id="review"></div>
                <h2><?php echo $text_write; ?></h2>
                <?php if ($review_guest) { ?>
                <div class="form-group required">
                  <div class="col-sm-12">
                    <label class="control-label" for="input-name"><?php echo $entry_name; ?></label>
                    <input type="text" name="name" value="<?php echo $customer_name; ?>" id="input-name" class="form-control" />
                  </div>
                </div>
                <div class="form-group required">
                  <div class="col-sm-12">
                    <label class="control-label" for="input-review"><?php echo $entry_review; ?></label>
                    <textarea name="text" rows="5" id="input-review" class="form-control"></textarea>
                    <div class="help-block"><?php echo $text_note; ?></div>
                  </div>
                </div>
                <div class="form-group required">
                  <div class="col-sm-12">
                    <label class="control-label"><?php echo $entry_rating; ?></label>
                    &nbsp;&nbsp;&nbsp; <?php echo $entry_bad; ?>&nbsp;
                    <input type="radio" name="rating" value="1" />
                    &nbsp;
                    <input type="radio" name="rating" value="2" />
                    &nbsp;
                    <input type="radio" name="rating" value="3" />
                    &nbsp;
                    <input type="radio" name="rating" value="4" />
                    &nbsp;
                    <input type="radio" name="rating" value="5" />
                    &nbsp;<?php echo $entry_good; ?></div>
                </div>
                <?php echo $captcha; ?>
                <div class="buttons clearfix">
                  <div class="pull-right">
                    <button type="button" id="button-review" data-loading-text="<?php echo $text_loading; ?>" class="btn btn-primary"><?php echo $button_continue; ?></button>
                  </div>
                </div>
                <?php } else { ?>
                <?php echo $text_login; ?>
                <?php } ?>
              </form>
            </div>
            <?php } ?>

        </div>

 

Если этот код вынести в отдельный div и перенести ниже по коду, но...НО... НО
Надо иметь хоть минимальное понимание html, а у вас его, судя по всему, нет совсем. Это может привести к большим проблемам...

Edited by jaffagold
  • +1 1

Share this post


Link to post
Share on other sites
12 минут назад, Pascha сказал:

Мой блог в стоп- листе

Ссылку отправил в ЛС, там исчерпывающая инструкция.

Удачи.

спасибо, попробую разобраться. не очень в этом понимаю.

Share this post


Link to post
Share on other sites
6 минут назад, jaffagold сказал:


Надо иметь хоть минимальное понимание html, а у вас его, судя по всему, нет совсем. Это может привести к большим проблемам...

да, с этим засада.  но все равно спасибо, попробую разобраться. Резервную копию файла хотя бы сначала сделаю

Share this post


Link to post
Share on other sites

Спасибо, проблема решена. теперь каталог  с название металлические двери в квартиру отображается нормально. Картинки входных дверей грузятся в нужном месте. Еще раз спасибо за подсказку. 

Share this post


Link to post
Share on other sites

пробовал как советовали выше, не получилось, стандартный шаблон, уже день мучусь... Когда опускаю тот код ниже - смещаются и фото ... Что можно сделать?

Share this post


Link to post
Share on other sites
22 минуты назад, andreyseo777 сказал:

Что можно сделать?

заплатить таки верстальщику?

Share this post


Link to post
Share on other sites
15 часов назад, andreyseo777 сказал:

пробовал как советовали выше, не получилось, стандартный шаблон, уже день мучусь... Когда опускаю тот код ниже - смещаются и фото ... Что можно сделать?

тыц
смещение исключительно из за невнимательности и удаления/перемещения лишнего </div> - закрывающего тега

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.