Изображения Magento на list.phtml - PullRequest
Новая
       14

Изображения Magento на list.phtml

2 голосов
/ 21 января 2011

Я ищу стиль, похожий на тот, что найден здесь: http://www.diptyqueparis.com/personal-fragrances.html

CSS до сих пор меня не нашел.Мой list.phtml в настоящее время в наличии (из пустой темы).Я хочу, чтобы мои первые и последние изображения отображались в другом размере, как и остальные изображения продукта, и соответствующим образом корректировали сетку.Тогда я бы предположил, что мне нужно изменить ul, чтобы приспособиться к этим изменениям, но я не могу сделать это самостоятельно, и в этом я нуждаюсь в помощи.

Любые предложения, которые помогут мне правильно поступить) направление будет оценено.Спасибо за чтение.

РЕДАКТИРОВАТЬ: Я не редактирую никаких основных файлов.Это относится к list.phtml, найденному в пустой (или любой) теме.

1 Ответ

2 голосов
/ 21 января 2011

Одна из самых сложных частей в Magento - это понимание целого. Потратьте некоторое время на понимание шаблонов и переопределений дизайна.

Практически говоря:

  • Создайте новый каталог тем в вашем экземпляре magento design Director
  • Скопируйте файл list.phtml в тот же каталог в этом новом каталоге дизайна
  • Внести изменения в свою копию
  • Укажите новый каталог темы в области дизайна вашей конфигурации в качестве переопределения

Это то, что вам нужно сделать в скорлупе ореха. Не начинайте изменять list.phtml в ядре Magento ... если вы это сделаете, вы пожалеете об этом позже :)

--- Позднее добавление ---

Чтобы создать макет, я бы порекомендовал добавить своего рода «счетчик», который вставил бы дополнительный класс CSS в первый и (в случае вашего примера) десятый элемент.

Вы также можете редактировать XML-файлы макета, чтобы список отображался по 10 раз (если не через конфигурацию напрямую

Редактировать: 

<?php // Grid Mode ?>

<?php $_collectionSize = $_productCollection->count() ?>
<?php $_columnCount = $this->getColumnCount(); ?>
<?php $lastItem = 10; // added this line ?>
<?php $i=0; foreach ($_productCollection as $_product): ?>

    <?php if ($i++%$_columnCount==0): ?>
    <ul class="products-grid">
    <?php endif ?>
        <li class="item<?php if(($i-1)%$_columnCount==0): ?> first<?php elseif($i%$_columnCount==0): ?> last<?php endif; ?>
            <?php if($i==0): ?> firstItem<?php elseif($i==($lastItem-1):?> lastItem<?php endif; // added this line ?>">
            <a href="<?php echo $_product->getProductUrl() ?>" title="<?php echo $this->htmlEscape($this->getImageLabel($_product, 'small_image')) ?>" class="product-image"><img src="<?php echo $this->helper('catalog/image')->init($_product, 'small_image')->resize(135); ?>" width="135" height="135" alt="<?php echo $this->htmlEscape($this->getImageLabel($_product, 'small_image')) ?>" /></a>
...