Magento Theming Дополнительные HTML-обертки в файле list.phtml - PullRequest
0 голосов
/ 20 марта 2012

Я сделал собственную тему Magento, сильно настроив базу.Я сделал его адаптивным, используя загрузчик Twitter.На главной странице я показываю продукты в формате 2column-right .

2column-right.phtml:

<div class="container">
    <div class="row">
        <div class="span12 page">
            <?php echo $this->getChildHtml('header') ?>
            <?php echo $this->getChildHtml('breadcrumbs') ?>
            <?php echo $this->getChildHtml('global_messages') ?>
            <div class="row">
                <div class="span9"><?php echo $this->getChildHtml('content') ?></div>
                <div class="span3"><?php echo $this->getChildHtml('right') ?></div>
            </div>
        </div><!-- ./page -->
    </div>
</div><!-- ./container -->

списокпоказано с использованием list.phtml:

<?php // Grid Mode ?>
<?php $_collectionSize = $_productCollection->count() ?>
<ul class="thumbnails">
    <?php $i=0; foreach ($_productCollection as $_product): ?>
    <li class="span3 item <?php if($i%$_columnCount==0): ?> first<?php elseif($i%$_columnCount==0): ?> last<?php endif; ?>">
        <div class="thumbnail clearfix">
            <a href="<?php echo $_product->getProductUrl() ?>" title="<?php echo $this->stripTags($this->getImageLabel($_product, 'small_image'), null, true) ?>">
                <img src="<?php echo $this->helper('catalog/image')->init($_product, 'small_image')->resize(260); ?>" alt="<?php echo $this->stripTags($this->getImageLabel($_product, 'small_image'), null, true) ?>"/><!--145x215-->
            </a>

            <?php
            $itemName = $_helper->productAttribute($_product, $_product->getName(), 'name');
            $limit = ($ilimit) ? $ilimit : 23;
            $pad=' &hellip;';
            $itemName = strip_tags($itemName);
            if(strlen($itemName) > $limit) {
                $itemName = substr($itemName,0,$limit);
            }
            $itemName = $itemName.$pad;
            ?>

            <h3><a href="<?php echo $_product->getProductUrl() ?>" title="<?php echo $this->stripTags($_product->getName(), null, true) ?>"><?php echo $itemName; ?></a></h3>

            <div class="price-box">
                <span><?php echo $this->getPriceHtml($_product, true) ?></span>
            </div>

            <?php if($_product->isSaleable()): ?>
                <button type="button" class="btn btn-warning btn-medium pull-left" title="<?php echo $this->__('Add to Cart') ?>" onclick="setLocation('<?php echo $this->getAddToCartUrl($_product) ?>')"><?php echo $this->__('Add to Cart') ?></button>
            <?php else: ?>
                <button type="button" disabled="disabled" class="btn btn-medium pull-left"><?php echo $this->__('Out of stock') ?></button>
            <?php endif; ?>

            <?php if ($this->helper('wishlist')->isAllow()) : ?>
                <a href="<?php echo $this->helper('wishlist')->getAddUrl($_product) ?>" class="btn btn-medium pull-right"><?php echo $this->__('Add to Wishlist') ?></a>
            <?php endif; ?>
        </div>
    </li>
    <?php endforeach; ?>
</ul>

Нигде в моем коде нет упоминания std или side-col или col-left но все же выходной HTML:

<div class="std">
    <div class="col-left side-col">
        <p class="home-callout"><span></span></p>

        <ul class="thumbnails">
            <li class="span3 item  first">
                <div class="thumbnail clearfix">
                    <a href="http://localhost:8888/index.php/sony-vaio-vgn-txn27n-b-11-1-notebook-pc.html" title="Sony VAIO VGN-TXN27N/B 11.1&quot; Notebook PC">
                        <img src="http://localhost:8888/media/catalog/product/cache/1/small_image/260x/9df78eab33525d08d6e5fb8d27136e95/s/o/sony-vaio-vgn-txn27n-b-11-1-notebook-pc.jpg" alt="Sony VAIO VGN-TXN27N/B 11.1&quot; Notebook PC">
                    </a>

                    <h3><a href="http://localhost:8888/index.php/sony-vaio-vgn-txn27n-b-11-1-notebook-pc.html" title="Sony VAIO VGN-TXN27N/B 11.1&quot; Notebook PC">Sony VAIO VGN-TXN27N/B  …</a></h3>

                    <div class="price-box">
                        <span>
                            <div class="price-box">
                                <span class="regular-price" id="product-price-27">
                                    <span class="price">Rs2,699.99</span>
                                </span>
                            </div>
                        </span>
                    </div>

                    <button type="button" class="btn btn-warning btn-medium pull-left" title="Add to Cart" onclick="setLocation('http://localhost:8888/index.php/checkout/cart/add/uenc/aHR0cDovL2xvY2FsaG9zdDo4ODg4L2ZsYWlyYmFnL2luZGV4LnBocC8,/product/27/')">Add to Cart</button>
                    <a href="http://localhost:8888/index.php/wishlist/index/add/product/27/" class="btn btn-medium pull-right">Add to Wishlist</a>
                </div>
            </li>
        </ul>

        <p></p>
    </div>
</div>

Мне нужно удалить эти дополнительные оболочки (std, side-col и col-left).Это портит макет в нескольких местах. Я не знаю, какие файлы для этого нужно изменить.Я много гуглил, но ничего не нашел.Я не совсем понимаю макет xmls, но из того, что я увидел, он просто передает материал шаблонам.

Я не знаю, что делать.Я застрял.Пожалуйста, помогите.

Также есть такие лишние пустые теги в местах, которые беспокоят меня без причины, как :

<p class="home-callout"><span></span></p> и еще один дополнительный <p></p> внизу,Почему это здесь?Есть ли способ удалить их тоже?Я был бы рад, если бы мог.

Я действительно ценю всю помощь.

Спасибо!

Ответы [ 2 ]

0 голосов
/ 24 мая 2012

Я уверен, что вы уже решили это, но для тех, кто заканчивает здесь с тем же вопросом:

Проблема вызвана редактором WYSIWYG и легко решается.На странице, которая отображает этот div и span (ы) по ошибке, перейдите в CMS -> Pages и выберите свою страницу.В разделе содержимого этой страницы выключите редактор и вручную удалите элементы div / span по желанию.

Надеюсь, это поможет!

0 голосов
/ 20 марта 2012

Вы искали в Google, но искали ли вы свою кодовую базу?

grep '<div class="std">' app/design/ -rsn

Это показывает несколько мест, где оно определено (по крайней мере, в базовом шаблоне)

app/design/frontend/base/default/template/catalog/product/view/description.phtml:36: <div class="std">
app/design/frontend/base/default/template/catalog/product/view.phtml:79: <div class="std"><?php echo $_helper->productAttribute($_product, nl2br($_product->getShortDescription()), 'short_description') ?></div>
app/design/frontend/default/modern/template/catalog/product/view.phtml:78: <div class="std"><?php echo $_helper->productAttribute($_product, nl2br($_product->getShortDescription()), 'short_description') ?></div>

поэтому, чтобы узнать, что вам нужно просто найти нужное место, зачем искать в Google, если вывод должен быть сгенерирован из вашей кодовой базы:

grep 'col-left' app/design/ -rsn

это даст вам место, где этот класс используется в ваших шаблонах

app/design/frontend/base/default/template/page/2columns-left.phtml:50: <div class="col-left sidebar"><?php echo $this->getChildHtml('left') ?></div>
app/design/frontend/base/default/template/page/3columns.phtml:51: <div class="col-left sidebar"><?php echo $this->getChildHtml('left') ?></div>
app/design/frontend/default/modern/template/page/3columns.phtml:51: <div class="col-left sidebar"><?php echo $this->getChildHtml('left') ?></div>
app/design/install/default/default/template/page.phtml:90: <div class="col-left side-col">

но чтобы избежать добавления, у вас есть два варианта:

  1. узнать способ xml и как удалять и добавлять блоки
  2. изучите CSS и создайте стиль, который исправит ваш макет, не касаясь DOM
...