Новости Joomla

0 Пользователей и 1 Гость просматривают эту тему.
  • 4 Ответов
  • 3295 Просмотров
*

Grog221

  • Захожу иногда
  • 79
  • 0 / 0
Здравствуйте!
Имеется шаблон интернет-магазина, который работает на К2. Проблема заключается в том, что ширина картинки в К2 настраивается, а высота нет, шаблон автоматически делает ее прямоугольной, обрезая низ. Изменяешь ширину - высота подгоняется. Выглядит это так:





А как сделать так, чтобы пропорции картинки оставались реальными? А не подгонялись под прямоугольник? Я планирую публиковать квадратные картинки, а он делает из их верхней части прямоугольники...
Вот нашел вроде бы в файле /templates/шаблон/html/com_k2/templates/default/item.php код, отвечающий за картинки:

Код
<!-- K2 Plugins: K2BeforeDisplayContent -->
        
        <?php echo $this->item->event->K2BeforeDisplayContent; ?>
        <?php if($this->item->params->get('itemImage') && !empty($this->item->image)): ?>
        
        <!-- Item Image -->
        
        <div class="itemImageBlock">
            <span class="itemImage">
            <a class="modal" rel="{handler: 'image'}" href="<?php echo $this->item->imageXLarge; ?>" title="<?php echo JText::_('K2_CLICK_TO_PREVIEW_IMAGE'); ?>">
                <img src="<?php echo $this->item->image; ?>" alt="<?php if(!empty($this->item->image_caption)) echo K2HelperUtilities::cleanHtml($this->item->image_caption); else echo K2HelperUtilities::cleanHtml($this->item->title); ?>" style="width:<?php echo $this->item->imageWidth; ?>px; height:auto;" />
            </a>
            </span>
            <?php if($this->item->params->get('itemImageMainCaption') && !empty($this->item->image_caption)): ?>
            
            <!-- Image caption -->
            
            <span class="itemImageCaption"><?php echo $this->item->image_caption; ?></span>
            <?php endif; ?>
            <?php if($this->item->params->get('itemImageMainCredits') && !empty($this->item->image_credits)): ?>
            
            <!-- Image credits -->
            
            <span class="itemImageCredits"><?php echo $this->item->image_credits; ?></span>
            <?php endif; ?>
            <div class="clr"></div>
        </div>
        <?php endif; ?>
        <?php if(!empty($this->item->fulltext)): ?>
        <?php if($this->item->params->get('itemIntroText')): ?>

Подскажите, что тут можно изменить, чтобы пропорции картинок не менялись? И тут ли вообще?
Спасибо.
*

Fedor Vlasenko

  • Живу я здесь
  • 3845
  • 733 / 7
  • https://fedor-vlasenko.web.app
вообще правильно в графическом редакторе оптимизировать картинки
но если вам так уж хочется то замените так
style="width:60%; height:60%;"
*

Grog221

  • Захожу иногда
  • 79
  • 0 / 0
Так про то и речь, что я загружаю оптимизированные как мне нужно квадратные картинки, а шаблон делает из них прямоугольники, показывая верхнюю их часть...
Спасибо, попробую как вы сказали.
*

Grog221

  • Захожу иногда
  • 79
  • 0 / 0
А если сделать так?

Код
style="width:<?php echo $this->item->imageWidth; ?>px; height:100%;" />
*

Fedor Vlasenko

  • Живу я здесь
  • 3845
  • 733 / 7
  • https://fedor-vlasenko.web.app
style="<?php echo $this->item->imageWidth; ?>px; height:<?php echo $this->item->imageWidth; ?>px;"
для квадратных можно так. imageWidth сторона квадрата автоматически берется из настроек
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Как правильно вставлять позиции модулей в шаблоне под HTML5?

Автор borro

Ответов: 1
Просмотров: 3463
Последний ответ 11.04.2015, 12:06:17
от AlekVolsk
Как изменить ширину колонок в Gantry 4 шаблоне?

Автор borro

Ответов: 1
Просмотров: 3924
Последний ответ 31.03.2014, 10:20:57
от borro
Отображение лого в адаптивном шаблоне на Gantry при разных разрешениях

Автор borro

Ответов: 1
Просмотров: 3753
Последний ответ 20.03.2014, 12:34:13
от ShfVD
Как настроить в шаблоне галерею с большой картинкой и превьюшками?

Автор passshok

Ответов: 3
Просмотров: 3940
Последний ответ 09.06.2013, 00:58:49
от gelios
Трансформация видео в шаблоне с использованием Bootstrap

Автор Sergey-N81

Ответов: 1
Просмотров: 2022
Последний ответ 23.05.2013, 16:26:20
от Sergey-N81