SwissUpLabs Logo

Argento 1.8.4 - 1.8.5 Manual Upgrade

To switch to new homepage and footer please follow the next steps:

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>
    
  • 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.
Edit this Page