Argento Luxury Homepage

Homepage content is editable at Cms > Pages interface.

Header
Slider
Categories
New Products
Discount Banner
Benefits
Brands Slider
Whole homepage code

header

You can show alternative logo on home page. You can upload it in System > Configuration > TM Argento Themes > Luxury > Home Page, please check homepage configuration

Slider

Slider is powered by EasySlider module. You can manage each slide and animation effects at Templates-Master > Easyslide backend page.

Slider is inserted in homepage with widget. The following code is used to show the slider on the homepage:

<div class="row jumbotron jumbotron-slider">
    {{widget type="easyslide/insert" slider_id="argento_luxury"}}
</div>

New Products

Code:

<div class="row jumbotron">
    <div class="col-md-12">
        <div class="container hero">
            {{widget type="highlight/product_new" title="New Arrivals" show_page_link="1" page_title="Shop Now" products_count="4" column_count="4" template="tm/highlight/product/grid.phtml" class_name="highlight-content-new" img_width="280" img_height="410"}}
        </div>
    </div>
</div>

New Products listing block is powered by Highlight module. In order to change title, products/columns count and other options you can use Magento’s built-in widget editor, or you can manually change appropriate attribute in code above.

Discount banner is powered by Easy Banners module. Banners are editable at Templates-Master > Easybanner page.

Code, used to show homepage banner:

<div class="row jumbotron">
    <div class="hero block-homepage-banner">
        {{widget type="easybanner/widget_placeholder" placeholder_name="argento-luxury-home"}}
    </div>
</div>

Benefits

Code:

<div class="row jumbotron block-benefits">
    <div class="container hero">
        <div class="col-md-4">
            <div class="a-center">
                <div class="luxury-icon luxury-icon-big luxury-cart-alt"></div>
                <h4>Free Delivery</h4>
                <p>Our store delivers an extensive and expertly curated selection of fashion and lifestyle offerings.</p>
            </div>
        </div>
        <div class="col-md-4">
            <div class="a-center">
                <div class="luxury-icon luxury-icon-big luxury-lock"></div>
                <h4>Secure Payment</h4>
                <p>Our store delivers an extensive and expertly curated selection of fashion and lifestyle offerings.</p>
            </div>
        </div>
        <div class="col-md-4">
            <div class="a-center">
                <div class="luxury-icon luxury-icon-big luxury-headphones"></div>
                <h4>24h Customer Service</h4>
                <p>Our store delivers an extensive and expertly curated selection of fashion and lifestyle offerings.</p>
            </div>
        </div>
    </div>
</div>

Brands Slider

Brands slider is a simple cms content, powered with Slick Carousel to make slider.

Code, used for brands slider:

<div class="row jumbotron jumbotron-slick">
    <div class="container">
        <div class="block block-brands argento-slider">
            <div class="block-content">
                <div id="slider-brands-container" class="slider-wrapper">
                    <div class="slick" id="slider-brands" data-slick='{"slidesToShow": 6, "slidesToScroll": 6, "infinite": true, "autoplay": true, "speed": 1000, "autoplaySpeed": 4000, "arrows": true, "dots": true, "responsive": [ {"breakpoint": 770, "settings": {"slidesToShow": 4, "slidesToScroll": 4}}, {"breakpoint": 640, "settings": {"slidesToShow": 3, "slidesToScroll": 3}}, {"breakpoint": 480, "settings": {"slidesToShow": 2, "slidesToScroll": 2}}, {"breakpoint": 321, "settings": {"slidesToShow": 1, "slidesToScroll": 1, "dots": false}}]}'>
                        <a href="#"><img src="{{skin url='images/catalog/brands/gucci.jpg'}}" alt="" width="150" height="80"/></a>
                        <a href="#"><img src="{{skin url='images/catalog/brands/lv.jpg'}}" alt="" width="100" height="80"/></a>
                        <a href="#"><img src="{{skin url='images/catalog/brands/ck.jpg'}}" alt="" width="130" height="80"/></a>
                        <a href="#"><img src="{{skin url='images/catalog/brands/chanel.jpg'}}" alt="" width="170" height="80"/></a>
                        <a href="#"><img src="{{skin url='images/catalog/brands/guess.jpg'}}" alt="" width="130" height="80"/></a>
                        <a href="#"><img src="{{skin url='images/catalog/brands/versace.jpg'}}" alt="" width="145" height="80"/></a>
                        <a href="#"><img src="{{skin url='images/catalog/brands/gucci.jpg'}}" alt="" width="150" height="80"/></a>
                        <a href="#"><img src="{{skin url='images/catalog/brands/lv.jpg'}}" alt="" width="100" height="80"/></a>
                        <a href="#"><img src="{{skin url='images/catalog/brands/ck.jpg'}}" alt="" width="130" height="80"/></a>
                        <a href="#"><img src="{{skin url='images/catalog/brands/chanel.jpg'}}" alt="" width="170" height="80"/></a>
                        <a href="#"><img src="{{skin url='images/catalog/brands/guess.jpg'}}" alt="" width="130" height="80"/></a>
                        <a href="#"><img src="{{skin url='images/catalog/brands/versace.jpg'}}" alt="" width="145" height="80"/></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

Whole homepage content

In case if you’ve lost original homepage content, you can get it below:

<div class="row jumbotron jumbotron-slider">
    {{widget type="easyslide/insert" slider_id="argento_luxury"}}
</div>
<div class="row jumbotron">
    <div class="col-md-12">
        <div class="container">
            {{widget type="easycatalogimg/widget_list" category_count="5" subcategory_count="0" column_count="5" show_image="1" image_width="382" image_height="565" resize_image="0" template="tm/easycatalogimg/list.phtml"}}
        </div>
    </div>
</div>
<div class="row jumbotron">
    <div class="col-md-12">
        <div class="container hero">
            {{widget type="highlight/product_new" title="New Arrivals" show_page_link="1" page_title="Shop Now" products_count="4" column_count="4" template="tm/highlight/product/grid.phtml" class_name="highlight-content-new" img_width="280" img_height="410"}}
        </div>
    </div>
</div>
<div class="row jumbotron">
    <div class="hero block-homepage-banner">
        {{widget type="easybanner/widget_placeholder" placeholder_name="argento-luxury-home"}}
    </div>
</div>
<div class="row jumbotron block-benefits">
    <div class="container hero">
        <div class="col-md-4">
            <div class="a-center">
                <div class="luxury-icon luxury-icon-big luxury-cart-alt"></div>
                <h4>Free Delivery</h4>
                <p>Our store delivers an extensive and expertly curated selection of fashion and lifestyle offerings.</p>
            </div>
        </div>
        <div class="col-md-4">
            <div class="a-center">
                <div class="luxury-icon luxury-icon-big luxury-lock"></div>
                <h4>Secure Payment</h4>
                <p>Our store delivers an extensive and expertly curated selection of fashion and lifestyle offerings.</p>
            </div>
        </div>
        <div class="col-md-4">
            <div class="a-center">
                <div class="luxury-icon luxury-icon-big luxury-headphones"></div>
                <h4>24h Customer Service</h4>
                <p>Our store delivers an extensive and expertly curated selection of fashion and lifestyle offerings.</p>
            </div>
        </div>
    </div>
</div>
<div class="row jumbotron jumbotron-slick">
    <div class="container">
        <div class="block block-brands argento-slider">
            <div class="block-content">
                <div id="slider-brands-container" class="slider-wrapper">
                    <div class="slick" id="slider-brands" data-slick='{"slidesToShow": 6, "slidesToScroll": 6, "infinite": true, "autoplay": true, "speed": 1000, "autoplaySpeed": 4000, "arrows": true, "dots": true, "responsive": [ {"breakpoint": 770, "settings": {"slidesToShow": 4, "slidesToScroll": 4}}, {"breakpoint": 640, "settings": {"slidesToShow": 3, "slidesToScroll": 3}}, {"breakpoint": 480, "settings": {"slidesToShow": 2, "slidesToScroll": 2}}, {"breakpoint": 321, "settings": {"slidesToShow": 1, "slidesToScroll": 1, "dots": false}}]}'>
                        <a href="#"><img src="{{skin url='images/catalog/brands/gucci.jpg'}}" alt="" width="150" height="80"/></a>
                        <a href="#"><img src="{{skin url='images/catalog/brands/lv.jpg'}}" alt="" width="100" height="80"/></a>
                        <a href="#"><img src="{{skin url='images/catalog/brands/ck.jpg'}}" alt="" width="130" height="80"/></a>
                        <a href="#"><img src="{{skin url='images/catalog/brands/chanel.jpg'}}" alt="" width="170" height="80"/></a>
                        <a href="#"><img src="{{skin url='images/catalog/brands/guess.jpg'}}" alt="" width="130" height="80"/></a>
                        <a href="#"><img src="{{skin url='images/catalog/brands/versace.jpg'}}" alt="" width="145" height="80"/></a>
                        <a href="#"><img src="{{skin url='images/catalog/brands/gucci.jpg'}}" alt="" width="150" height="80"/></a>
                        <a href="#"><img src="{{skin url='images/catalog/brands/lv.jpg'}}" alt="" width="100" height="80"/></a>
                        <a href="#"><img src="{{skin url='images/catalog/brands/ck.jpg'}}" alt="" width="130" height="80"/></a>
                        <a href="#"><img src="{{skin url='images/catalog/brands/chanel.jpg'}}" alt="" width="170" height="80"/></a>
                        <a href="#"><img src="{{skin url='images/catalog/brands/guess.jpg'}}" alt="" width="130" height="80"/></a>
                        <a href="#"><img src="{{skin url='images/catalog/brands/versace.jpg'}}" alt="" width="145" height="80"/></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

Argento Luxury Homepage

Contents

Header

Slider

Categories

New Products

Discount Banner

Benefits

Brands Slider

Whole homepage content