2012-03-01 4 views
1

Недавно я начал работать с Magento 1.6.1 для новой позиции, которую я взял в местной электронной коммерции. У меня есть предыдущий опыт, но это в первую очередь с Wordpress.Работа с макетами Magento

В то время как я «знаю» Magento и могу окутать голову, как это работает, конечно, все еще есть препятствия. К счастью, у меня достаточно хороший босс, который позволяет мне замарать руки в коде и действительно учиться все больше и больше каждый день.

Недавно, хотя макеты были моим новым препятствием. Проблема в том, что я работаю в коде, который был сделан кем-то другим или чужой модификацией кода. Я не первый веб-мастер здесь ...

У меня с трудом перемещается блок «bottom.phtml», поэтому он отображается под «media.phtml» (где изображение продукта/эскизы визуализируется). Код выглядит следующим образом:

<catalog_product_view translate="label"> 
    <label>Catalog Product View (Any)</label> 
    <!-- Mage_Catalog --> 
    <reference name="root"> 
     <action method="setTemplate"><template>page/1column.phtml</template></action> 
    </reference> 
    <reference name="head"> 
     <action method="addJs"><script>varien/product.js</script></action> 

     <action method="addJs"><script>virtualpaginate.js</script></action> 

     <action method="addItem"><type>js_css</type><name>calendar/calendar-win2k-1.css</name><params/><!--<if/><condition>can_load_calendar_js</condition>--></action> 
     <action method="addItem"><type>js</type><name>calendar/calendar.js</name><!--<params/><if/><condition>can_load_calendar_js</condition>--></action> 
     <action method="addItem"><type>js</type><name>calendar/calendar-setup.js</name><!--<params/><if/><condition>can_load_calendar_js</condition>--></action> 

    </reference> 
    <reference name="content"> 
     <block type="catalog/product_view" name="product.info" template="catalog/product/view.phtml"> 
      <!-- 
      <action method="addReviewSummaryTemplate"><type>default</type><template>review/helper/summary.phtml</template></action> 
      <action method="addReviewSummaryTemplate"><type>short</type><template>review/helper/summary_short.phtml</template></action> 
      <action method="addReviewSummaryTemplate"><type>...</type><template>...</template></action> 
      --> 
      <block type="catalog/product_view_media" name="product.info.media" as="media" template="catalog/product/view/media.phtml"/> 
      <block type="core/text_list" name="alert.urls" as="alert_urls" translate="label"> 
       <label>Alert Urls</label> 
      </block> 

      <action method="setTierPriceTemplate"><template>catalog/product/view/tierprices.phtml</template></action> 
      <block type="catalog/product_list_related" name="catalog.product.related" as="related" template="catalog/product/list/related.phtml"/> 
      <block type="catalog/product_list_upsell" name="product.info.upsell" as="upsell_products" template="catalog/product/list/upsell.phtml"> 
       <action method="setColumnCount"><columns>4</columns></action> 
       <action method="setItemLimit"><type>upsell</type><limit>4</limit></action> 
      </block> 

      <block type="catalog/product_view_additional" name="product.info.additional" as="product_additional_data" /> 
      <block type="catalog/product_view_description" name="product.description" as="description" template="catalog/product/view/description.phtml"/> 
      <block type="catalog/product_view_attributes" name="product.attributes" as="additional" template="catalog/product/view/attributes.phtml"/> 
      <block type="catalog/product_view" name="product.info.addto" as="addto" template="catalog/product/view/addto.phtml"/> 
      <block type="catalog/product_view" name="product.info.addtocart" as="addtocart" template="catalog/product/view/addtocart.phtml"/> 

      <block type="catalog/product_view" name="product.info.options.wrapper" as="product_options_wrapper" template="catalog/product/view/options/wrapper.phtml" translate="label"> 
       <label>Info Column Options Wrapper</label> 
       <block type="core/template" name="options_js" template="catalog/product/view/options/js.phtml"/> 
       <block type="catalog/product_view_options" name="product.info.options" as="product_options" template="catalog/product/view/options.phtml"> 
        <action method="addOptionRenderer"><type>text</type><block>catalog/product_view_options_type_text</block><template>catalog/product/view/options/type/text.phtml</template></action> 
        <action method="addOptionRenderer"><type>file</type><block>catalog/product_view_options_type_file</block><template>catalog/product/view/options/type/file.phtml</template></action> 
        <action method="addOptionRenderer"><type>select</type><block>catalog/product_view_options_type_select</block><template>catalog/product/view/options/type/select.phtml</template></action> 
        <action method="addOptionRenderer"><type>date</type><block>catalog/product_view_options_type_date</block><template>catalog/product/view/options/type/date.phtml</template></action> 
      </block> 
        <block type="core/html_calendar" name="html_calendar" as="html_calendar" template="page/js/calendar.phtml"/> 
       </block> 
      <block type="catalog/product_view" name="product.info.options.wrapper.bottom" as="product_options_wrapper_bottom" template="catalog/product/view/options/wrapper/bottom.phtml" translate="label"> 
       <label>Bottom Block Options Wrapper</label> 
       <action method="insert"><block>product.tierprices</block></action> 
       <block type="catalog/product_view" name="product.clone_prices" as="prices" template="catalog/product/view/price_clone.phtml"/> 
       <action method="append"><block>product.info.addtocart</block></action> 
      </block> 

      <block type="core/template_facade" name="product.info.container1" as="container1"> 
       <action method="setDataByKey"><key>alias_in_layout</key><value>container1</value></action> 
       <action method="setDataByKeyFromRegistry"><key>options_container</key><key_in_registry>product</key_in_registry></action> 
       <action method="append"><block>product.info.options.wrapper</block></action> 
       <action method="append"><block>product.info.options.wrapper.bottom</block></action> 
      </block> 
      <block type="core/template_facade" name="product.info.container2" as="container2"> 
       <action method="setDataByKey"><key>alias_in_layout</key><value>container2</value></action> 
       <action method="setDataByKeyFromRegistry"><key>options_container</key><key_in_registry>product</key_in_registry></action> 
       <action method="append"><block>product.info.options.wrapper</block></action> 
       <action method="append"><block>product.info.options.wrapper.bottom</block></action> 
      </block> 
      <action method="unsetCallChild"><child>container1</child><call>ifEquals</call><if>0</if><key>alias_in_layout</key><key>options_container</key></action> 
      <action method="unsetCallChild"><child>container2</child><call>ifEquals</call><if>0</if><key>alias_in_layout</key><key>options_container</key></action> 
     </block> 
    </reference> 
    <reference name="right"> 
     <block type="catalog/product_list_related" name="catalog.product.related" before="-" template="catalog/product/list/related.phtml"/> 
    </reference> 
</catalog_product_view> 

Теперь, как я уже говорил, я учусь Magento, как я иду, в некоторой степени, и с моей themeing знаний Wordpress это определенно дало мне преимущество. Но, пытаясь расшифровать это, он оказался жестким препятствием. Может быть, я уже разбираюсь в этом, но я просто не могу обернуть вокруг себя несколько вещей: 1) Как это известно, чтобы плавать «media.phtml» слева, а также параметры продукта и «bottom.phtml» на правильно? 2) Как я могу просто отделить «bottom.phtml» от параметров, чтобы я мог перемещать его под «media.phtml» (изображения продукта), а затем начинать стилизацию?

Я люблю Magento, но человек - это грубого, чтобы забрать.

Спасибо всем, кто может пролить свет или обеспечить надежный ресурс! Все учебные пособия, ресурсы, которые я нахожу, отличные, но имеют дело со свежей установкой, поэтому кода не так много. С этим я копаю в коде, что кто-то еще работал и честно ... это может быть очень плохо для всего, что я знаю!

Еще раз спасибо!

ответ

5

Часть XML в основном просто делает определенные блоки доступными для использования файлов шаблонов. (Конечно, есть исключения из каждого правила, и в случаях с core/text_list блока или шаблона вызывающего $this->getChildHtml('') порядком XML действительно вступит в силу)

Взгляните на template/catalog/product/view.phtml, и вы увидите много HTML бит и линии, такие как ...

<?php echo $this->getChildHtml('media') ?> 

... так расположены блоки. Теперь bottom.phtml используется product_options_wrapper_bottom, но этот блок не используется непосредственно, оно добавляется к container1 и container2 блоков, выводимых так:

<?php if ($_product->isSaleable() && $this->hasOptions()):?> 
    <?php echo $this->getChildChildHtml('container1', '', true, true) ?> 
<?php endif;?> 

Все, что вам нужно сделать, это изменить catalog/product/view.phtml так, что немного ниже вниз стр. Конечно, не редактируйте базовый шаблон напрямую, а скопируйте этот файл в эквивалентный путь в теме вашего сайта.

Страница просмотра продукта, пожалуй, самая сложная в установке Magento по умолчанию, это прекрасное место для начала вашей позиции. Возможно, лучше начать с Алана Шторма No Frills Magento Layout. Я, вероятно, не буду рекомендовать его.

Смежные вопросы