Search on Knowledge Base
Applying small changes to Argento
Aug 16, 2016 by Peter D.
  1. Backend configurator
  2. Custom styles and javascript
  3. Custom layout update file

Backend configurator

Basic customization is available with Magento backend configuration since version 1.3.0 (See the System > Configuration > Templates Master).

Available configurable styles

  • Background
    • Body
    • Header
    • Footer
    • Content
  • Top navigation for desktop and mobile devices
    • Top level styles
    • Rest of the levels
  • Sidebar blocks font and background
  • Tabs on the homepage and product page
  • Fonts
    • Page title
    • Block title
    • Product name link in listing
    • Product page collateral titles
  • Ability to set the custom css styles
  • Ability to include additional head links

Each theme has different elements to customize

Custom styles and javascript

  1. Create custom.css or custom.js file inside active argento theme skin folder.

    For example:

    skin/frontend/argento/argento/css/custom.css
    skin/frontend/argento/mall/css/custom.css
    

    OR

    skin/frontend/argento/argento/js/custom.js
    skin/frontend/argento/mall/js/custom.js
    
  2. Add css/js code to the new file and save it

  3. Flush Magento cache

Custom layout update file

This feature is available since Argento 1.5.2.

Argento will automatically include custom.xml file from active theme layout directory. All you need is just to create custom.xml file and include your changes to it.

For example:

app/design/frontend/argento/argento/layout/custom.xml
app/design/frontend/argento/mall/layout/custom.xml

Example of file contents:

<?xml version="1.0" encoding="UTF-8"?>
<layout version="0.1.0">
    <default>
        <remove name="left.newsletter"/>
    </default>
</layout>