Argento 1.8.4 - 1.8.5 Manual Upgrade
To switch to new homepage
and footer
please follow the next steps:
Delete deprecated footer template
app/design/frontend/argento/mall/template/page/html/footer.phtml
Old footer_links
block is not used anymore, so you can copy your custom
content from it into new footer_cms
block.
Manual homepage code update
-
Slider and Banners row:
old code:
<div class="callout-home-top col2-set"> <div class="col-1"> {{widget type="easyslide/insert" slider_id="argento_mall"}} </div> <div class="col-2"> {{block type="newsletter/subscribe" name="homepage.newsletter" template="newsletter/subscribe.phtml"}} {{widget type="easybanner/widget_placeholder" placeholder_name="argento-mall-home-top"}} </div> </div>
new code:
<div class="row callout-home-top"> <div class="col-lg-9 col-md-12"> <div> {{widget type="easyslide/insert" slider_id="argento_mall"}} </div> </div> <div class="col-md-3 visible-lg-block"> {{block type="newsletter/subscribe" name="homepage.newsletter" template="newsletter/subscribe.phtml"}} {{widget type="easybanner/widget_placeholder" placeholder_name="argento-mall-home-top"}} </div> </div>
-
Navigation, Deal of the Week, Editor Choice, Video of the Day, Featured Products New Products Slider row:
old code:
<div class="col-home-set"> <div class="col-side sidebar"> {{block type="navigationpro/navigation" template="tm/navigationpro/sidebar.phtml" name_in_layout="navpro-homepage-left" menu_name="argento_mall_left" enabled="1"}} </div> <div class="col-main"> <div class="col3-set"> <div class="col-1 col-mobile-50"> {{widget type="highlight/product_special" name="homepage.special" title="Deal of the week" class_name="block block-alt" products_count="1" column_count="1" template="tm/highlight/product/grid.phtml"}} </div> <div class="col-2 col-mobile-50"> {{widget type="highlight/product_attribute_yesno" attribute_code="recommended" class_name="editor-choice block block-alt" name="homepage.editor_choice" title="Editor's choice" products_count="1" column_count="1" template="tm/highlight/product/grid.phtml"}} </div> <div class="col-3"> <div class="block block-alt video-of-day"> <div class="block-title"><span>Video of the day</span></div> <div class="block-content"> <div class="video-container"> <object><param name="movie" value="http://www.youtube.com/v/6BQfCoqbubE"><param name="allowFullScreen" value="true"><param name="allowScriptAccess" value="always"><param wmode="transparent"><embed src="http://www.youtube.com/v/6BQfCoqbubE" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="250" height="201" wmode="transparent"></object> </div> <p><small>Amazing Canon Rebel XSi commercial that I saw on TV the other day.</small></p> </div> </div> </div> </div> {{widget type="highlight/product_featured" name="homepage.featured" class_name="block block-featured-homepage" title="Featured products" products_count="6" column_count="3" template="tm/highlight/product/grid-wide.phtml"}} {{widget type="highlight/product_new" name="homepage.new" title="New products" products_count="30" template="tm/highlight/product/slider.phtml"}} </div> </div>
new code:
<div class="row col-home-set"> <div class="col-md-3 sidebar visible-lg-block"> {{block type="navigationpro/navigation" template="tm/navigationpro/sidebar.phtml" name_in_layout="navpro-homepage-left" menu_name="argento_mall_left" enabled="1"}} </div> <div class="col-lg-9 col-md-12"> <div class="row"> <div class="col-md-4 col-sm-4 col-xs-6"> {{widget type="highlight/product_special" name="homepage.special" title="Deal of the week" class_name="block block-alt" products_count="1" column_count="1" template="tm/highlight/product/grid.phtml"}} </div> <div class="col-md-4 col-sm-4 col-xs-6"> {{widget type="highlight/product_attribute_yesno" attribute_code="recommended" class_name="editor-choice block block-alt" name="homepage.editor_choice" title="Editor's choice" products_count="1" column_count="1" template="tm/highlight/product/grid.phtml"}} </div> <div class="col-md-4 col-sm-4 col-xs-12"> {{widget type="cms/widget_block" template="cms/widget/static_block/default.phtml" block_id="video_of_the_day"}} </div> </div> {{widget type="highlight/product_featured" name="homepage.featured" class_name="block block-featured-homepage" title="Featured products" products_count="6" column_count="3" template="tm/highlight/product/grid-wide.phtml"}} {{widget type="highlight/product_new" name="homepage.new" title="New products" products_count="30" template="tm/highlight/product/slider.phtml"}} </div> </div>
Manual footer update
-
create
footer_cms
block with the following settings:1. Title: footer_cms 2. Identifier: footer_cms 3. Status: Enabled 4. Content:
<div class="footer-cms-container"> <div class="footer-cms"> <div class="row"> <div class="col-sm-4 hidden-xs"> <div class="box footer-links-cms"> <div class="head"><span>Informational</span></div> <ul class="row"> <li class="col-md-6"> <ul> <li><a href="{{store direct_url="about"}}">About Us</a></li> <li><a href="{{store direct_url="our-company"}}">Our company</a></li> <li><a href="{{store direct_url="press"}}">Press</a></li> <li><a href="{{store direct_url="contacts"}}">Contact Us</a></li> <li><a href="{{store direct_url="location"}}">Store location</a></li> </ul> </li> <li class="last col-md-6"> <ul> <li><a href="{{store direct_url="privacy"}}">Privacy policy</a></li> <li><a href="{{store direct_url="delivery"}}">Delivery information</a></li> <li><a href="{{store direct_url="returns"}}">Returns policy</a></li> </ul> </li> </ul> </div> </div> <div class="col-sm-4"> {{block type="highlight/product_reports_viewed" name="footer.product.viewed" template="reports/footer.product_viewed.phtml"}} </div> <div class="col-sm-4 hidden-xs"> {{block type="catalogsearch/term" name="footer.seo.searchterm" template="catalogsearch/footer.terms.phtml"}} </div> </div> </div> </div>
Create Video of the day block
-
create
video_of_the_day
block with the following settings:1. Title: Video of the Day 2. Identifier: video_of_the_day 3. Status: Enabled 4. Content:
<div class="block block-alt video-of-day"> <div class="block-title"><span>Video of the day</span></div> <div class="block-content"> <div class="video-container"> <object> <param name="movie" value="http://www.youtube.com/v/6BQfCoqbubE"> <param name="allowFullScreen" value="true"> <param name="allowScriptAccess" value="always"> <param wmode="transparent"> <embed src="http://www.youtube.com/v/6BQfCoqbubE" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="250" height="201" wmode="transparent"> </object> </div> <p><small>Amazing Canon Rebel XSi commercial that I saw on TV the other day.</small></p> </div> </div>
Remove compatibility css
-
open file
app/design/frontend/argento/mall/layout/theme.xml
and remove line 9 with code:
<action method="addItem"><type>skin_css</type><name>css/old-mall.css</name></action>
-
delete css file
skin/frontend/argento/mall/css/old-mall.css
Update image dimensions
- open
argento-mall-home-top1
banner, set width to 225px and upload new banner image.