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

Question

Я ищу стиль продукта список, как здесь: http://www.diptyqueparis.com/personal-fragrances.html

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

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

EDIT: Я не редактирую файлы основных файлов. Это относится к списку list.phtml, найденному в пустой (или любой) теме.

Answer 1

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

Practicaly говоря:

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

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

--- позднее дополнение ---

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

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

Edit:.

<?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>