HelloResponsive

Theme Documentation

Need Help?

Follow instructions below to install this theme:

Please add the domain where you will activate the theme in your Account Dashboard->Licenses section. If you don’t do this first, you’ll not be able to activate the theme. Also use your Hellothemes username when activating, please don’t use your registered e-mail. Thank you! ;)

Note!: The theme will overwrite your CMS “home” content once it’s activated. Save your content before proceed.-

1) Download theme package then unzip it. You’ll be presented with a “helloresponsive” directory with the following folders:

frame_directories

2) Copy all folders and paste them in your Magento installation directory. Important: if your Magento install is under /magento directory, paste the theme folders over this directory, don’t paste them inside the directory. If your Magento install is within your server root directory, move back 1 directory, then paste the theme folders over your public_html folder.

Eg:

framework_addfolders

3) Once you’ve done this, navigate to System/Cache Management. Select all cache items, then refresh. If you don’t do this, you won’t see the “HelloThemes” navigation tab in your Admin panel.

4) You’ll see the “HelloThemes” tab in your Magento Admin panel navigation menu. Now click in “Theme Activation” option:

frame_activationtab

5) Add your HelloThemes’s Username and Password. Select the theme to be activated (in this case HelloResponsive) Then press “Activate HelloFramework” button.

frame_userpass

 

6) A success message will be displayed after activation. Navigate again to System/Cache Management, Refresh all cache items and also Flush Magento Cache and Cache storage too.

frame_activationsuccess

7) That’s all!!. Now click in “Theme Settings” option within “HelloThemes” navigation tab in order to start customizing your theme!:

frame_themesettings

frame_settings

  • Note: There’s no need to add static-blocks for this theme. Once you activate it, the static-blocks are added automatically by the theme framework.-

Additional Tips

You can change most of the theme elements in Theme Settings options, however we’ll take a look here how you can edit some basic Magento elements in this theme:

How to change the logo?

You can change this theme logo by editing “Hellothemes Store Logo” static-block content:

<img src=”{{media url=”hellothemes/hellothemes/logo.png”}}” alt=”Hellothemes Store” />

Change logo.png to your own logo image name. Be sure to add this image under media/hellothemes/hellothemes directory.-

How to change slider images?

To change the slider images on this theme, navigate to Hellothemes/HelloSlide/Manage Slides option within your Admin-panel. You can add or remove images from this page:

slides

 

How to change the top-navigation menu?

In HelloLoja CE theme, you can switch between the custom menu and the standar menu. To do this, navigate to Hellothemes/Themes Settings/Menu tab

To change custom menu to the standard menu, set “Custom Menu:” to No:menu

How to add your Store Icon to your smartphone?

You can add your store Icon to your smartphone desktop by following this steps:

1) Press menu button, then press “Bookmarks”:

1_3

 

2) Fill in the corresponding fields in Bookmark options and press Save:

2

 

3) Press menu option again, then navigate to Bookmarks. You’ll see the store icon there:

4

5) Press over the icon, you can select “Add to home screen” to display it in your smartphone desktop:

5

 

Display your store icon in your iPhone Home screen

If you are an iPhone user, you can add your store icon into your iPhone Home screen.

1) Within your #Magento Admin-panel, navigate to HelloThemes/Themes Settings option, then find the “Mobile App” tab at the bottom.

2) Upload your store/site icon. Save

3) Browse your store in your iPhone device. Tap the Share button at the bottom of the Safari screen.

4) Tap the icon labeled “Add to Home Screen.”

5) Tap the Add button in the upper right corner.

6) Launch your website from your Home screen by tapping its icon.

Display "New" product label

If there’s a new product in your store, you can tell this to your customers by adding a “New from Date” and “New to Date” dates within your product settings in your Admin-panel:

1)

new_product

 

2) A “New” label will display in your product listing and view pages:

new_product2

Theme Translations

In order to display different languages in the theme, you have to first download the language package from http://www.magentocommerce.com/magento-connect/ and then install it in your Admin-panel: System>Magento Connect>Magento Connect Manager

Follow these easy steps to configure it:

  • 1. Once installed Go to: System -> Manage Stores -> Create store view. Enter the data and save.
  • 2. Now go to: Configuration -> Current Configuration Scope (Select the store view from the dropdown) and on the right side under “Locale options” choose the desired language. Then Save.

Note: Be sure to clear the cache before trying to use your new language.

To provide you with a more complete translation, we added the phrases and words that were not translated in the package from MagentoConnect in this file:

app/design/frontend/default/helloresponsive/locale/language_code/translate.csv

For example, the portuguese language path would be:

app/design/frontend/default/helloresponsive/locale/pt_BR/translate.csv

So, if you want to edit or add phrases/words, you can do it from that file. Also would be helpful for us if you report which of this phrases/words we should correct ;)