cache-management-output-caches-enable

Step 5: Restore Original Settings

1. On the Admin menu, select System > Developer. a. In the panel on the left under Advanced, select Developer. b. Click to expand the Translate Inline section. a. Set Enabled for Frontend to “No.” b. Click the Save Config button. 2. On the Admin menu, select System > Cache Management. Then, do the following: a. Select the following checkboxes: Blocks …

storefront-inline-translator-change-text

Step 4: Update the Text

1. Open your storefront in a browser, and go to the page that you want to edit. If necessary, select the store view from the language switcher in the upper-left corner. Each string of text that can be translated is outlined in red. When you hover over any text box, a book icon appears. 2. Click the book icon to …

translate_inline

Step 3: Activate the Translate Inline Tool

1. On the Admin menu, select System > Configuration. 2. To work with a specific store view, set Current Configuration Scope to the store view to be updated. 3. In the panel on the left under Advanced, select Developer. 4. Click to expand the Translate Inline section. Then, do the following: a. Set Enabled for Frontend to “Yes.” For a …

cache-management-output-caches-disable

Step 2: Disable Output Caches

1. On the Admin menu, select System > Cache Management. 2. Select the following checkboxes: Blocks HTML output Translations 3. Set the Actions control to “Disable.” Then, click the Submit button.

admin_settings

Step 1: Add Your IP Address to the Developer Mode Whitelist

To use the Inline Translator without disrupting the shopping experience of customers in the store, add your IP address to the Developer Client Restrictions whitelist. If you don’t know your IP address, you can search for it online. 1. On the Admin menu, select System > Configuration. Then in the panel on the left under Advanced, select Developer. 2. Click to expand the …

magento-ecommerce-development-company-technource

Changing UI Text

You can use the Translate Inline tool to touch up the text in the interface to reflect your voice and brand. When the Translate Inline mode is activated, all text on the page that can be edited is outlined in red. It’s easy to edit field labels, messages, and other text that appears throughout the storefront and Admin. For example, …

how-to-install-magento-theme

Installing a New Theme

When you first install Magento, the design elements of the store are based on the “Default” Theme. You can modify the theme, add themes created by others, or create new ones. To learn more, see the Designer’s Guide to Magento. Magento Connect contains hundreds of extensions, which are add-ons to Magento that can extend the functionality or enhance the appearance …

admin-panel-custom-theme

Using the Default Theme

The default Magento Community Edition theme is based on a responsive design that renders the display of your storefront for different devices. The theme incorporates best practices for mobile sites and experiences. Technologies used in Magento’s default responsive theme include Sass/Compass1 and jQuery2 in noConflict() mode. Additional JavaScript libraries are discussed in more detail in the Responsive Theme Developer’s Guide. …

responsive-design

Responsive Design

Responsive design is an approach to web page creation that flows the page layout to fit the visitor’s screen size and orientation, and changes the layout accordingly. The Magento default responsive theme features style sheets that support flexibility for layouts and images, and helps provide a pleasing experience for site visitors using mobile devices. By comparison, nonresponsive sites or sites …

merge-css-js

JavaScript Settings

Multiple JavaScript files can be merged into a single, condensed file to reduce page load time. If you open a merged JavaScript file, you’ll find one continuous stream of text, with line breaks removed. If you are finished with the development process, and the code contains no errors, you might consider merging the files. To merge JavaScript files: 1. On the …