Installation

I Love You Theme - Installation

Part I: Uploading Skin

  1. Upload \app\design\frontend\default\iloveyou inside /app/design/frontend/default

  2. Upload \skin\frontend\default\iloveyou inside /skin/frontend/default

  3. Open /app/etc/local.xml

  4. Add the following code before: </global>

    <page>
    <layouts>
    <iloveyou_homepage module="page" translate="label">
    <label>I Love You Homepage</label>
    <template>page/iloveyou-homepage.phtml</template>
    <layout_handle>iloveyou_homepage</layout_handle>
    </iloveyou_homepage>
    </layouts>
    </page>
  5. Save the file.

Part II: Enable Skin

  1. Login into your Admin Panel.

  2. System > Configuration.

  3. On the top left corner of the Configuration Page, locate “Current Configuration Scope” drop-down and select your store.

    Note: If you just set up your store, the scope should be “Main Website > Main Website Store > Default Store View.”

  4. Click on Design in the General menu.

  5. In the Design page, under ‘Themes,’ ensure Templates, Skin, Layout, and Default is ‘iloveyou’ Uncheck “Use Website” checkbox to edit the fields.

  6. Click on ‘Save Config’ on the top right after you’re done.

Part III: Creating CMS Pages & Static Blocks

  1. Page 1 of 4: Homepage

  2. Go to CMS > Manage Pages

  3. Click on "Add New Page"

  4. In the General Information, enter the following:



    Page Title: Home Page

    SEF URL Identifier: home

    Status: Enabled

    Content:

                <div class="d12-bottom">
                	<div class="d12-give">
                    	<div class="d12-gsp-left give"></div>
                        <div class="d12-gsp-right">
                        	<p class="d12-gsp-title">Give Love</p>
                            <p class="d12-gsp-desc">Give your love by buying an 'i love you' shirt.<br />
                            <a class="learnmore" href="#">Learn More</a></p>
                        </div>
                    </div>
                    <div class="d12-share">
                    	<div class="d12-gsp-left share"></div>
                        <div class="d12-gsp-right">
                        	<p class="d12-gsp-title">Share Love</p>
                            <p class="d12-gsp-desc">How to donate shirts so others can have love. Donate today.<br />
                            <a class="learnmore" href="#">Learn More</a>
                            </p>
                        </div>
                    </div>
                    <div class="d12-spread">
                    	<div class="d12-gsp-left spread"></div>
                        <div class="d12-gsp-right">
                        	<p class="d12-gsp-title">Spread Love</p>
                            <p class="d12-gsp-desc">Share love on social media networks like Facebook and Twitter.<br />
                            <a class="learnmore" href="#">Learn More</a></p>
                        </div>
                    </div>
                <div class="clear"></div>
                </div>
                <div class="clear"></div>
    
    <p class="d12-sponsor-text">We are proudly sponsored by:</p>
    <div class="d12-sponsors"></div>
  5. Click on ‘Custom Design' in the left menu.

  6. For the Layout drop-down box, select “I Love You Homepage

  7. Click ‘Save Page’ when you’re done.

  8. Page 2 of 4: What Is Love

  9. Click on "Add New Page"

  10. In the General Information, enter the following:



    Page Title: What Is Love

    SEF URL Identifier: whatislove

    Status: Enabled

    Content:

    <!-- Page Title -->
    <div class="d12-title"><span>What Is Love</span></div>
    
    <p class="cms-p">Your content goes here.</p>
  11. Click on ‘Custom Design' in the left menu.

  12. For the Layout drop-down box, select “1 Column

  13. Click ‘Save Page’ when you’re done.

  14. Page 3 of 4: Buy

  15. Click on "Add New Page"

  16. In the General Information, enter the following:



    Page Title: Buy

    SEF URL Identifier: buy

    Status: Enabled

    Content:

    <!-- Page Title -->
    <div class="d12-title"><span>Buy</span></div>
    
    <!-- Container -->
    <div class="d12-bpc-container">
    
     <!-- Buy -->
      <div class="d12-buy">
        <a href="/checkout/cart/add?product=1&qty=1" class="gfx-buy"></a>
        <div class="d12-bpinfo">
           <p class="d12-bptitle">Title<br/><span class="d12-buyprice"><strong>Price:</strong> $10</span></p>
           <p class="d12-bpdesc">Write some information here. Write some information here.</p>
           <a class="d12-bpbutton" href="/checkout/cart/add?product=1&qty=1"></a>
        </div>
      </div>
    
      <!-- Choose -->
      <div class="d12-choose"></div>
      
      <!-- Print -->
      <div class="d12-print">
        <a href="/checkout/cart/add?product=2&qty=1" class="gfx-print"></a>
        <div class="d12-bpinfo">
           <p class="d12-bptitle">Title<br/><span class="d12-buyprice"><strong>Price:</strong> $5</span></p>
           <p class="d12-bpdesc">Write some information here.</p>
           <a class="d12-bpbutton" href="/checkout/cart/add?product=2&qty=1"></a>
           <div class="clear"></div>
        </div>
      </div>
      <div class="clear"></div>
    
    </div>
    <div class="clear"></div>
  17. Note: Make sure to change your product IDs

    <a class="d12-bpbutton" href="/checkout/cart/add?product=1&qty=1"></a>
  18. Click on ‘Custom Design' in the left menu.

  19. For the Layout drop-down box, select “1 Column

  20. Click ‘Save Page’ when you’re done.

  21. Page 4 of 4: About Us

  22. Click on "Add New Page"

  23. In the General Information, enter the following:



    Page Title: About Us

    SEF URL Identifier: aboutus

    Status: Enabled

    Content:

    <!-- Page Title -->
    <div class="d12-title"><span>About Us</span></div>
    
    <p class="cms-p">Your content goes here.</p>
  24. Click on ‘Custom Design' in the left menu.

  25. For the Layout drop-down box, select “1 Column

  26. Click ‘Save Page’ when you’re done.

  27. Static Block 1 of 1: Footer Links

  28. Go to CMS > Static Blocks

  29. Click on 'Footer Links' or identifier: 'footer_links'

  30. In the General Information, enter the following:



    Content:

    <ul>
    <li class="last"><a href="{{store direct_url="whatislove"}}">What Is Love</a></li>
    <li><a href="{{store direct_url="buy"}}">Buy</a></li>
    <li><a href="{{store direct_url="aboutus"}}">About Us</a></li>
    <li><a href="{{store direct_url="contacts"}}">Contact Us</a></li>
    </ul>
  31. Click on 'Save Block,' and you're all done!

Part IV: Clearing Cache

  1. Go to System > Cache Management

  2. For All Cache drop-down, select ‘Refresh.’ Enable everything from Configuration to Web Services Configuration.

  3. When you’re finished, click on “Save cache settings.

  4. Congratulations, you’re finished installing.