Milano Premium Responsive Magento Theme
Milano Premium Responsive Magento Theme In this document, you will find detailed instructions on installing and using the Milano Magento Theme. We have made every effort to make it as detailed as possible including all of the tasks needed to set-up a high-performing e-commerce website. However, if you have any questions that are beyond the scope of this guide, please visit our support forum at ThemeForest.net where we quickly handle all support requests (Monday-Friday). As the instructions in this guide are specific to the Milano theme, they do not cover every single function and feature in Magento. For help with using Magento, please refer to the appropriate Magento training materials or guides. Milano Magento Theme Version: 1.0.2 July 2013
Thank you so much for joining the Milano family! We have done our best to bring together perfect design and coding in order to give you a painless installation and customization process. That way, you can get your new e-shop storefront up and functioning perfectly fast. At Shopshark.eu, we believe that every detail matters and we have therefore not only brought together quality coding and contemporary design, but also usability and customizability. Your online success with Milano means everything to us. We look forward to your feedback, questions, thoughts and comments as we continually develop and refine Milano. Sincerely The ShopShark Team Shopshark.eu P.S. If you enjoy Milano, please share the love with a good rating on Themeforest.net - we will really appreciate that. Thanks in advance.
6 Milano Premium Responsive Magento Theme Table of Contents Foreword Part I Installation 0 8 1 Hosting... Recommendation 8 Magento Hosting:... What Does Work 8 Magento Hosting:... What To Avoid 8 2 System... Requirements 9 Magento System... Requirements 9 Milano Premium... Theme System Requirements 9 3 Installation... Options 9 4 Quick... Install 10 5 Normal... Install 10 Installing Magento... 11 Installing Your... Milano Theme 11 Part II How To Configure Your Store In Milano 13 1 General... Options 13 How To Upload... Your Logo Image 13 "Back To Top"... Button 14 2 Menu... Options 14 Menu Type... 14 Show Category... Description 15 Additional... Navigation Link 15 Additional... Navigation Link Url 15 3 Home... Page Options 15 Show New... /Sale Products Slider 15 Title (New... / Sale Products) 16 4 Category... Page Options 16 "Add To Cart"... uses AJAX 16 Add To Wishlist... And Add To Compare 16 Add to Wishlist... And Add to Compare uses AJAX 16 Quick View... 16 Product Hover... Effect 17 Grid View Mode... 17 Product Picture... Format 18 Product List... Style 18 Changing Shopping... Options State 18 "New Product"... and "Sale" Label 18 Show Additional... Images 18 5 Product... Page Options 19 Show Brand... Image 19 Brand Attribute... Code 19 Brand Image... File Extension 19 Brand Logo... Is A Link To Search Results 19
Contents 7 Base Path... To Brand's Pages 19 Use Zoom... For Product Images 19 Show Additional... Images In Slider 19 6 Share... Options 19 Use Share... Links 19 Share Code... 20 7 Social... 20 Twitter Widget... ID 20 Tweets to... display 20 Facebook... ID 20 8 Page... Background Options 20 9 Custom... Colors 20 10 Product... Video 21 11 Custom... Label 26 12 Brand... Logo On Product Page 32 Creating Brand... Attribute 32 Uploading... The Brand Images 36 13 Changing... The Home Page Content 37 14 Editing... The Custom Blocks In The Main Menu 37 15 Editing... The Footer/Social Links/Etc 39 16 Editing... The Banners/Blocks In The Left/Right Columns 41 17 List... Of Static Blocks Used In Milano 41 Part III Optimisation Advise 43 Part IV Troubleshooting 44 1 404... Error 44 2 Blank... page 44 3 Changes... do not appear 45 4 Access... Denied error 45 5 UI... Widgets Aren t Working 45 6 Upgrades... 45 Responsability... 46 Upgrading... Magento 46 Upgrading... Milano Store 46 Part V References Part VI Sources and Credits Part VII Contact Us 47 47 47
8 1 Milano Premium Responsive Magento Theme Installation Websites can be intimidating and complex technical systems. Installing a Magento website is usually a straightforward process, but does require a basic level of technical knowledge. 1.1 Hosting Recommendation Given that Magento is an advanced e-commerce platform, its fast, efficient operation is completely dependent on the quality of hosting that it is running on. Without Magento optimized hosting, pages will load painfully slowly, visitors will get frustrated and the overall online shopping experience will drive away potential customers. In some cases, Magento will not even install on slow, poorly optimized hosting. 1.1.1 Magento Hosting: What Does Work The best way to achieve top-notch e-commerce performance is to install your Magento shop on a private server or VPS with sufficient server resources. It is similarly crucial to apply all of the software improvements, patches and updates recommended by the Magento community. This will require a high level of technical skill (or the hiring an expert) and thus additional investment. However, if you don't want the hassle of managing those aspects of running a Magento-based e-commerce store, there are few Magento Optimized Hosting offers around. 1.1.2 Magento Hosting: What To Avoid The simple fact is that Magento hosting requires much more server resources and specialized optimization than cheap shared hosting like Hostgator, GoDaddy,Bluehost, Fatcow or 1and1 can deliver.
Installation 9 Don't even try it. You'll be deeply disappointed and frustrated by the results. 1.2 System Requirements 1.2.1 Magento System Requirements Your hosting must meet Magento's stated system requirements. You can easily check the suitability of your current hosting by downloading and running the Magento compatibility test. 1.2.2 Milano Premium Theme System Requirements Milano Magento Theme supports Magento Community Edition 1.7.0.0, 1.7.0.1 and 1.7.0.2. The Theme does NOT support Magento Enterprise Edition and Magento GO. 1.3 Installation Options There are two options to install Milano Magento Theme: 1. Quick Install - this installation method will result in an website that looks like the demo available at ThemeForest. It have numerous categories, menus, products, banners and many more website features already set. It is recommended if you never set a Magento e-commerce before. It also shows most of the Milano features, so you just remove what you don't need. This installation method, however, cannot be used if you have an already working Magento E-Commerce and you want to add Milano Magento Theme to it. In such a case, please proceed to normal install. 2. Normal install - this installation method will end in a clean Magento installation with no products, categories or whatever e-commerce content, plus Milano installed and activated. Use it if you have an already installed Magento or if are an advanced user and you want to build your own category structure and options.
10 1.4 Milano Premium Responsive Magento Theme Quick Install To perform a Quick Install follow these steps: 1. In your hosting account, create an empty database which you are going to use for the installation. Please refer to the hosting company's help or guides if you have troubles with that. 2. Import the Milano_Quick_Start_Database_x_x_x.zip (which you will find in the Milano_Quick_Start_x_x_x folder inside Milano package) to your empty database, that you created in the previous step. Use PHPMyAdmin, or another method provided by your hosting company's control panel. 3. Upload the contents of Milano_Quick_Start_Files_x_x_x.zip (which you will find in the Milano_Quick_Start_x_x_x folder inside Milano package) to the root folder of your Magento installation. You can do this either by using an FTP client (e.g. Filezilla from filezilla-project.org/ download.php) or another method provided by your hosting company. A quicker, more reliable way to do this is to upload the.zip file to the server, then extract the files directly there using SSH or another method provided by your hosting company. Don't forget to delete the.zip file from the server at the end. 4. With a web browser, open your hosting account's root folder, to start a normal Magento installation process. 5. Follow the instructions on the screen to complete the installation. 1.5 Normal Install
Installation 1.5.1 11 Installing Magento To install Magento please follow the Magento installation guide 1.5.2 Installing Your Milano Theme Before installing the Milano theme make sure your Magento is set-up and running. Follow these steps: 1. Upload the contents of Milano_Premium_Magento_Theme_x_x_x.zip (which you will find in the Milano package) to the root folder of your Magento installation. You can do this either by using an FTP client (e.g. Filezilla from filezilla-project.org/ download.php) or another method provided by your hosting company. The contents of the above file (Milano_Premium_Magento_Theme_x_x_x.zip) will not overlap with any existing Magento files, though they will be placed inside folders already created by Magento. 2. If you are not logged into your Magento installation admin area, go ahead and log in. 3. Then, refresh the cache by going into System -> Cache Management, then select all Cache Types either by clicking on each checkbox or by clicking on Select All, then select Actions: Refresh and click on Submit.
12 Milano Premium Responsive Magento Theme 4. Log out from the backend then log in again. 5. Go to System -> Configuration then on the left menu ShopShark -> Milano Options -> Activate The Milano Theme. Click on Activate the template.
Installation 13 This will import all of the CMS pages and static blocks used by the Milano theme and set it as the default theme. 5. Repeat Step 3 to refresh the cache again. Congratulations, your Milano theme should now be installed. Please now check the front page of your ecommerce website. 2 How To Configure Your Store In Milano The Milano theme does work straight out of the box but not all of the features are enabled by default. You may also want to implement the following steps: 1. Uploading your logo. 2. Configuring the home page slideshow. 3. Creating some static blocks to display your custom content. 4. Creating categories and uploading products. All of the options for controlling the Milano theme are located in System -> Configuration, then on the left menu ShopShark ->Theme Options. 2.1 General Options 2.1.1 How To Upload Your Logo Image This button lets you upload the main logo image for your e-commerce store. We recommend using a.png file with a transparent background, but GIFs and JPEGs will also work (though JPEG format does not support transparency and your logo will appear in a box). The image will not be resized, but the layout of the page will change to fit it. The default height is 62 pixels.
14 Milano Premium Responsive Magento Theme Keep as close as possible to the default height of 62 pixels for the best results. 2.1.2 "Back To Top" Button This option enables or disables the "back to top" button on the right bottom corner of all pages. 2.2 Menu Options 2.2.1 Menu Type You can choose between MegaMenu and Standard options here. The MegaMenu is showing everything in a single wide drop down where all subcategories are shown in columns, plus category description or images (optional). The Standard Menu is showing subcategories in separate, smaller dropdowns.
How To Configure Your Store In Milano 2.2.2 15 Show Category Description This option is only available if Menu Type is MegaMenu. You can choose between HTML Block, Thumbnails and No Additional Blocks. If you choose HTML Block you can insert text and HTML (images, styling, etc.) for every category in the top most level (these are the category shown in the main menu). To do that go in Catalog -> Manage Categories -> <the category you want to edit> -> Display Options -> Mega Menu Description. If you choose Thumbnails, the thumbnail image of the child category will be shown together with its name. You can upload a thumbnail image in Catalog -> Manage Categories -> <the category you want to edit> -> General Information -> Thumnail Image 2.2.3 Additional Navigation Link This is the special link always situated on the right side of the main menu. If you wish, you can place a link to a special sale offer or support page here. 2.2.4 Additional Navigation Link Url This is the URL for the link in the previous option. 2.3 Home Page Options 2.3.1 Show New /Sale Products Slider This will enable or disable the slider showing the new/sale products on the homepage. You can display a product as "new" in this slider by setting either "new from date" or "new to date", or both, in the General Options for the product. Setting only "new from date" will start displaying this product as new from that date, indefinitely. Setting both will display the product as new in the dates between, and setting only "new to date", which is more likely, will start displaying the
16 Milano Premium Responsive Magento Theme product as new immediately and remove it as new, at the date defined. Products that are either set with special price from/to date or have applied some price rule reducing their price are also shown here. The logic in the special price from/to date is the same as above. 2.3.2 Title (New / Sale Products) This option is only available if the New/Sale Products Slider is enabled. It allows you to set a custom title for the New/Sale Products slider. 2.4 Category Page Options 2.4.1 "Add To Cart" uses AJAX This option enables AJAX on all Add To Cart buttons and links. If enabled, a click on "add to cart" will lead to background (AJAX) call to add the product to the cart and a popup message with the result. Keep it enabled for better user experience. The classic approach is to reload the whole page. 2.4.2 Add To Wishlist And Add To Compare This option enables Add To Wishlist and Add To Compare. If you don't want them - turn it on disable. 2.4.3 Add to Wishlist And Add to Compare uses AJAX This option enables AJAX on Add To Wishlist and Add To Compare. If enabled it will make the process to run in the background. 2.4.4 Quick View This option enables a Quick View link to appear on every product. When clicked this link will display a popup with main product details.
How To Configure Your Store In Milano 2.4.5 17 Product Hover Effect This option enables a second image from the image gallery for this product to be displayed when the user runs the mouse over it. The best use of this effect option is with front view and back view photos of your products. The normal image can be the front view and then when the mouse hovers over the image, the back view is automatically shown. However, it is recommended to have words like Back View imposed on the rear view image intended for the Hover Effect. 2.4.6 Grid View Mode This option controls between 3 and 4 column grid and Mosaic View. You can choose a default option for all categories here, then override it for each category in Catalog -> Magane Categories -> <category> -> Display Settings -> Product Grid Mode. Use what fits your product the best.
18 2.4.7 Milano Premium Responsive Magento Theme Product Picture Format This option controls the aspect ratio of the product picture. You can choose between 1/1 Square, 2/3 Portrait, 3/4 Portrait and 1/2 Portrait. If you have products that appear taller then wider, choose some of the portrait options. You can choose a default option for all categories here, then override it for each category in Catalog -> Magane Categories -> <category> -> Display Settings -> Product Picture Format. Use what fits your product the best. 2.4.8 Product List Style Choose between Normal and Boxed. The latter will add a box around each product in the category grid view. 2.4.9 Changing Shopping Options State This is the state of the Shopping Options groups. Collapsed or opened by default. 2.4.10 "New Product" and "Sale" Label This enables / disables the "New Products" and "Sale" Labels. 2.4.11 Show Additional Images When enabled, this will show an icon and a tooltip with all additional images for this product.
How To Configure Your Store In Milano 2.5 Product Page Options 2.5.1 Show Brand Image 19 This option enables the display of a brand logo / banner on the product page. The next few options control this feature. 2.5.2 Brand Attribute Code In this field you have to put the code of the attribute holding the brand name. More on how to set brand image is available here 2.5.3 Brand Image File Extension png, jpeg, jpg, gif or whatever extension and format the uploaded images will have. 2.5.4 Brand Logo Is A Link To Search Results This enables / disables if the link on the logo will point to a page with all the products associated with this brand. 2.5.5 Base Path To Brand's Pages This is the base path to custom brand pages. 2.5.6 Use Zoom For Product Images This enables the zoom feature on the product images. 2.5.7 Show Additional Images In Slider If the image gallery should be displayed in a slider. 2.6 Share Options 2.6.1 Use Share Links This enables or disables the social share block on the product pages.
20 2.6.2 Milano Premium Responsive Magento Theme Share Code This is the actual code for the social share. Take it from Add This or Facebook,Twitter, etc. 2.7 Social 2.7.1 Twitter Widget ID This enables the latest tweets in the footer. How to get a valid ID: Go to www.twitter.com and sign in as normal, go to your settings page. Go to "Widgets" on the left hand side. Create a new widget for what you need eg "user timeline" or "search" etc. Now go back to settings page, and then go back to widgets page, you should see the widget you just created. Click edit. Now look at the URL in your web browser, you will see a long number like this: 350896567504478208 Use this as your ID! 2.7.2 Tweets to display The count of the tweets to display. 2.7.3 Facebook ID This enables the facebook like box in the footer. Put here your facebook page identifier. For example "envato". 2.8 Page Background Options These options control the overall background of the pages. Use them if you want to upload a pattern or banner as background of the page. 2.9 Custom Colors Here you can change the Main and the Secondary color with custom one. The colors put here will override the default colors of the template. Make them fit the color of your brand.
How To Configure Your Store In Milano 21 2.10 Product Video To include product video with each product you have to set-up an additional product attribute that will keep the link for the video. Follow these steps: 1. Go in Catalog -> Attributes -> Manage attributes 2. Click on "Add new attribute" in the right top corner 3. In the Field "Attribute Code" put "product_video_url" 4. For "Catalog Input Type for Store Owner" keep "Text Field" 5. All other options keep the way they are by default (see the screenshot)
22 Milano Premium Responsive Magento Theme
How To Configure Your Store In Milano 23 6. Click on Manage Label / Options. Add "Product Video URL" in the "Admin" box 7. Click Save Attribute 8. Go in Catalog -> Attributes -> Manage product attribute sets 9. Repeat the following steps for all attribute sets that you are using for your products. If you are only using Default attribute set, do it just for this set. 10. Click on the attribute set. Find attribute with name "product_video_url" in the right box and drag and drop it in the General folder in the box in the center.
24 Milano Premium Responsive Magento Theme This will add the attribute that will hold the product video url to the General section of options to all products using the Default attribute set. You can add the video url attribute to another section too. 11. Click on "Save attribute set" 12. You will need to re-index few indexes. Go in System -> Index Management. 13.You will see one or more Index types marked with red label "reindex required". Click on "Reindex Data" for each of them.
How To Configure Your Store In Milano 25 When adding or editing a product you can add a YouTube or Vimeo link to your video in the box called "Product Video URL".
26 Milano Premium Responsive Magento Theme A Video icon will appear inside the product images gallery. 2.11 Custom Label To include custom label with each product you have to set-up an additional product attribute that will keep the text of the label. Follow these steps: 1. Go in Catalog -> Attributes -> Manage attributes 2. Click on "Add new attribute" in the right top corner
How To Configure Your Store In Milano 27 3. In the Field "Attribute Code" put "custom_label" 4. For "Catalog Input Type for Store Owner" keep "Text Field" 5. For "Used in Product Listing" set "Yes" 6. All other options keep the way they are by default (see the screenshot)
28 Milano Premium Responsive Magento Theme
How To Configure Your Store In Milano 29 7. Click on Manage Label / Options. Add "Custom Label" in the "Admin" box 8. Click Save Attribute 9. Go in Catalog -> Attributes -> Manage product attribute sets 10. Repeat the following steps for all attribute sets that you are using for your products. If you are only using Default attribute set, do it just for this set. 11. Click on the attribute set. Find attribute with name "custom_label" in the right box and drag and drop it in the General folder in the box in the center.
30 Milano Premium Responsive Magento Theme This will add the attribute that will hold the product custom label to the General section of options to all products using the Default attribute set. You can add the custom label attribute to another section too. 12. Click on "Save attribute set" 13. You will need to re-index few indexes. Go in System -> Index Management. 14. You will see one or more Index types marked with red label "reindex required". Click on "Reindex Data" for each of them.
How To Configure Your Store In Milano When adding or editing a product you can add a custom label to this product in the box "Custom Label" 31
32 Milano Premium Responsive Magento Theme A custom label will be added to this product. 2.12 Brand Logo On Product Page To add a brand logo to the product pages you have to set up a manufacturer attribute, insert all the brand names and upload an image for every brand in a special folder. Then, when inserting new product you just have to select the brand from a drop-down list. 2.12.1 Creating Brand Attribute To include brand image with each product you have to set-up an additional product attribute that will keep the brand name. Follow these steps: 1. Go in Catalog -> Attributes -> Manage product attribute sets 2. Repeat the following steps for all attribute sets that you are using for your
How To Configure Your Store In Milano 33 products. If you are only using Default attribute set, do it just for this set. 3. Click on the attribute set. Find attribute with name "manufacturer" in the right box and drag and drop it in the General folder in the box in the center. This will add the attribute that will hold the product manufacturer to the General section of options to all products using the Default attribute set. You can add the manufacturer attribute to another section too. 4. Click Save attribute set. 5. Go in Catalog -> Attributes -> Manage attributes 6. Find attribute with code "manufacturer". Click on it to edit.
34 Milano Premium Responsive Magento Theme 7. Go in "Manage Label / Options" 8. In the box named "Manage options" click on "Add option" 9. In the box "Admin" add the name of the brand 10. Repeat for all brands. 11. You will need to re-index few indexes. Go in System -> Index Management. 12. You will see one or more Index types marked with red label "reindex required". Click on "Reindex Data" for each of them.
How To Configure Your Store In Milano 35 When adding or editing a product you can add a brand (manufacturer) to it in the drop-down called Manufacturer
36 Milano Premium Responsive Magento Theme 2.12.2 Uploading The Brand Images 1. Using an FTP client or the Magento built-in image browser create a folder / media/wysiwyg/milano/brand-logos (in case of using the built-in browser you will start at wysiwyg folder, so you have to create milano/brand-logos). 2. Upload a single image for every brand you have in your stores using small caps. The brand name should be the filename. The file extension is set in the Product Page Options section. Example: brandname: Prada The settings in Product Page Options looks like this: The file containing the logo of prada.png should be uploaded in /media/ wysiwyg/milano/brand-logos with name prada.png
How To Configure Your Store In Milano 37 Now you should see the image on all products associated with this brand 2.13 Changing The Home Page Content To change the content of the home page do the following: 1. Go to CMS -> Pages 2. Click on "Milano Home Page" 3. Click on content 4. Edit the actual content either by using the wysiwyg editor or editing the code (the WYSIWYG editor gan be turned on/off with the Show/Hide Editor button) 5. Click Save Page 2.14 Editing The Custom Blocks In The Main Menu To You can add up to 10 custom items in the main menu. Each of these items will have a completely custom content inside the drop-down menu. These menu items are perfect for showing categories or special products without to follow the original structure of your e-shop. For example, you can create custom menu item called Summer Specials including links to swimwear and sunglasses inside, although swimwear and sunglasses are sub-sub-categories somewhere in clothing and accessories. You can also put
38 Milano Premium Responsive Magento Theme big banners or directly products. Use them creatively to show most attractive products in your e-shop. To add a new custom block do the following: 1. Go in CMS -> Static Blocks 2. Click on Add New 3. In the field Block Title put the name of the menu item in the way you want it to be displayed in the main menu 4. In the field Identifier put an identifier for this static block in the following format: custom_menu_x where x is 1 to 10 Keep in mind that the installer already created a block with identifier custom_menu_1 with some demo content, which you can use as a reference. 5. In the Status field put Enabled 6. In the Content field put your content either by using the WYSIWYG Editor or by editing directly the code 7. Click Save Block
How To Configure Your Store In Milano 39 2.15 Editing The Footer/Social Links/Etc Each of these is a Static Block and you can put whatever content you need. To edit the content do the following (we are going to show you how to edit the footer, the same applies to all other blocks): 1. Go to CMS -> Static Blocks 2. Click on block named "Footer Menu" (full list with the static blocks can be found here)
40 Milano Premium Responsive Magento Theme 3. In the Content field put your content either by using the WYSIWYG Editor or by editing directly the code 4. Click on Save Block
How To Configure Your Store In Milano 41 2.16 Editing The Banners/Blocks In The Left/Right Columns Each of these is a Static Block and you can put whatever content you need. The blocks in the left/right columns are: <Title of the block> left_blockx (x is 1 to 3) Custom block in the left column on all pages with title <Title of the block> left_block_without_design Custom block in the left x (x is 1 to 3) column on all pages without title <Title of the block> right_blockx (x is 1 to 3) <Title of the block> right_block_without_desig Custom block in the right nx (x is 1 to 3) column on all pages without title Custom block in the right column on all pages with title You can edit them following the steps described here 2.17 List Of Static Blocks Used In Milano This are all the static blocks used by the template: Block Name Identifier Description Footer Links footer_links Custom links in the latest footer Footer Menu footer_menu The big footer menu Footer Social footer_social The social menu in the footer Site Verified By verified_by The site verification code/ SSL certificate, etc. in the latest footer Home Page Callout Block home_callout The callout block in the bottom part of the home page Product Promo Message product_promo_message This is a promo message
42 Milano Premium Responsive Magento Theme Block Name Identifier Description displayed after the price in the product page Product Custom HTML product_custom_html Custom Block displayed after the main description in the product page. Can be used for size charts, shipping info etc. Header Menu header_menu The secondary (smaller) menu in the header Header Promo header_promo Optional promo message displayed on the home page Footer Payment Options footer_payment_options The payment options in the footer Shopping Cart Promo Message cart_promo A promo/support message displayed in the shopping cart <Varies> custom_menu_x (x is 1 to 10) Custom menu item <Varies> left_blockx (x is 1 to 3) Custom block in the left column on all pages with title <Varies> left_block_without_design Custom block in the left x (x is 1 to 3) column on all pages without title <Varies> right_blockx (x is 1 to 3) <Varies> right_block_without_desig Custom block in the right nx (x is 1 to 3) column on all pages without title Custom block in the right column on all pages with title
Optimisation Advise 3 43 Optimisation Advise Keeping Magento fast and reliable is an important task in a real market environment. Major speed-up can be achieved only with server (hosting) based solutions (provided by Magento Optimized Services), but these are a couple of quick settings you can apply to speed-up your Magento store on any hosting: 1. Merge your CSS and JavaScript by doing this: Go to System -> Configuration then on the left menu Advanced -> Developer then JavaScript Settings -> Merge JavaScript Files -> Yes; CSS Settings -> Merge CSS Files -> Yes Save the config 2. Compile the core Magento code. Go in System -> Tools -> Compilation. Click on Run Compilation Process.
44 Milano Premium Responsive Magento Theme 3. Never leave a message about the store cache or indexes unaddressed. Rebuild the indexes and refresh the cache when needed. Magento will give you a warning when you have to do this. It is usually needed when you upload new products or change categories. You can postpone the reindex/refresh until you are done making changes. Re-indexing can take a lot of time on slow servers! 4 Troubleshooting 4.1 404 Error I'm getting 404 not found when trying to open theme admin pages. Log out from Magento admin panel, clear the store cache under var/cache, and log in again. 4.2 Blank page After the extension installation the store gives an error, or blank page. Log out from Magento admin panel. Change the owner of the extracted extension files to the web server user and set 775 permissions on them. Clear the store cache and try again.
Troubleshooting 4.3 45 Changes do not appear My configuration changes do not appear on the frontend. Clear the store cache under var/cache, clear all browser cookies for your store domain and refresh the page in your browser. 4.4 Access Denied error There is no Theme Admin or Cloud Zoom extension in configuration section, or I get a blank page, or Access Denied error. Log out from Magento admin panel, clear the store cache under var/cache, clear all browser cookies for your store domain and log in again 4.5 UI Widgets Aren t Working Each product collection retrieved for a slider must contain enough products to fill at least two slides. For example, the minimum number of products required in a 2-column slider is three products. Double-check the required jquery resource is loaded. For some widgets this must be added via Layout XML. 4.6 Upgrades Milano Magento Theme is regularly updated with new features, improvements, fixes, and support for the latest Magento releases. Milano Magento Theme is completely indipendent from the Magento core development, so all updates in one should not interfere with the other and can be applied separately. If there is a newly introduced feature in Magento which is not covered by Milano Magento Theme then a new versio of the theme will be issued and you have to upgrade both. Keep an eye on the
46 Milano Premium Responsive Magento Theme support forum. 4.6.1 Responsability You are responsible for upgrading Milano Magento Theme and the Magento core. You are responsible for merging your modifications. 4.6.2 Upgrading Magento Magento core upgrades are tricky. Make full backups of the filesystem and database, then create a staging environment to test the core upgrade. If everything tests smoothly, then repeat the process for the production store usually during off peak hours in case of problems. Be prepared to restore to your backups if necessary. 1. Never allow Magento's core to fall more than one release behind. Ignoring updates increases risk, and upgrading over multiple releases at once is more difficult. 2. Do not upgrade Magento's core until an official theme release supports it unless you plan to fully maintain the theme moving forward. 4.6.3 Upgrading Milano Store To upgrade Milano Magento Theme, follow these steps: The Easy Way If you haven't modified Moda Store, simply upload the new files and refresh the cache. The Hard Way If you have modified Moda Store, merging your customizations will be required. File differencing applications like Kaleidoscope or DiffFork are useful in conjunction with the changelog. Do not skip releases. The commit notes for each release assume all prior releases were completely applied.
References 5 47 References There are tutorials, articles, forums and screencasts to help you learn how to use Magento and its features. This section provides helpful links to instructions on commonly used Magento features,but you can learn even more by exploring these resources. Please refer to the following links to find useful information while configuring your store: 1. http://www.magentocommerce.com/product/faq 2. http://www.magentocommerce.com/wiki/4 themes_and_template_customization/catalog/ welcome_to_the_magento_user_s_guide 3. http://kb.magenting.com/category/4/magento.html 4. http://www.magentocommerce.com/media/screencasts 5. http://www.magentocommerce.com/knowledge-base/ 6. http://www.magentocommerce.com/boards 7. http://www.magentocommerce.com/wiki/ 6 7 Sources and Credits jquery http://jquery.com/ cloud Zoom http://www.starplugins.com/cloudzoom mcolorpicker https://github.com/meta100/mcolorpicker Hoverintent http://cherne.net/brian/resources/jquery.hoverintent.html PrettyPhoto http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightboxclone/ Contact Us ShopShark LLC hiring.us@shopshark.eu www.shopshark.eu
48 Milano Premium Responsive Magento Theme