Did you mean:. New Contributor. Labels: CE 1. All forum topics Previous Topic Next Topic. M2 Certified. Re: how to install a theme into a new magento installation. Extract the zip Hoping After extracting zip all the folder you will get is app under app there will me many files 2.
Disable Magento Cache 3. In such case, try the link as follows with your extension key name. The theme has now been installed successfully. Under Design tab, I had to set the package name as f The theme provider had various options provided out of which I chose green. Now you can set the theme name as well. This is the last part of theme installation.
There, click on your theme name which will ask to which store would you like to apply this theme. Similarly, choose the one of your choice and click Run to save the changes. NB: What mentioned above is specific to the theme I chose. Whichever theme you select, you would have an installation manual along with it. Read it thoroughly and proceed. You can choose one as your choice. Click Add Subcategory button, then input Category name, Description, etc.
In order to display full width banner, please input html codes for the full width banner in Content tab. Layered Navigation "Shop By" filters The Layered Navigation feature in Magento 2 gives customers a comfortable and efficient way to search the store catalog by providing filters for product category, price range, color, brand or any other available attribute.
Please refer to [Magento documentation] for more details. Porto allows to show a block at the sidebar of category page. Porto eCommerce provides several types of Custom Product Tabs. Those types will work well with 1 column page layout. Product Images will be shown with owl carousel, you can input below sample custom blocks for this type as demo.
Product page content will be shown with full width, you can input below sample custom blocks for this type as demo. Product informations will be shown by sticky at right side of the product images list, you can input below sample custom blocks for this type as demo. Product informations will be shown by sticky at both side of the product images list, you can input below sample custom blocks for this type as demo.
Porto eCommerce is equipped with administrative module which gives you the ability to configure the visual appearance of your store. You can change any colors for each elements by using color pickers or by specifying color value manually. You can also apply background image for the main sections of the page. Names of all settings are pretty self-explanatory. We recommend you to disable magento cache before you start configuration in Porto Design Panel. Otherwise, you will need to flush the cache everytime to see your changes.
Theme Colors: In this option, you can set main color of entire store, and you can apply specific color settings in below options. Basic Colors: In these options, you can set color values for general elements - text, link and link hover color.
Buttons: In these options, you can set color values for buttons in detail - background, text, background hover and text hover colors. Breadcrumbs: In these options, you can set color values for breadcrumbs in detail - background, text, links and links hover colors. Color Settings: In these options, you can set color values for each elements inside header area in detail.
Attached a screenshot to make you easy to understand. Custom Style: You can add your own custom style for background. For example, background-position: center center; background-repeat: no-repeat; etc. You can set color options for main container only, compared to above page settings - it means the main content part except header and footer area from entire page. Porto eCommerce is equipped with administrative module which gives you the ability to configure most of the functionality in powerful admin panel.
Using this pwerful settings panel, you can configure your store easily without any coding. We recommend you to disable magento cache before you start configuration in Porto - Settings Panel. You can apply this option to any home versions. Please checkout this border-radius enabled demo and border-radius disabled demo to see how it works. Load Original Bootstrap: porto 3. By choosing "Yes" you can load original Bootstrap library. Load Original jQueryUI: porto 3.
Load Original animate. Static Block Id: You can match static block id here to show the custom block in the header. Footer - Middle: Footer - Middle consists of 4 upto 4 blocks, you can control each block's size and link static blocks to show in each block. You can also show Newsletter Subscribe widget as a block. Just choose option as your choice.
Footer - Middle - 2nd Row: Footer - Middle - 2nd Row also consists of 4 upto 4 blocks, you can control each block's size and link static blocks to show in each block. Footer - Bottom: You can choose necessary options for Footer-Bottom, like logo image url, social icons, payment methods and copyright text etc.
Show Alternative Product Image: When you mouse hover on a product, you can see a thumbnail image. Category Description Position: You can change the category description block's position as you want.
Flex Grid: You can enable flex grid mode. Contact Info: You can see contact information in the right of contact form containing phone number, email and skype etc. You can manage this content by custom html. Import Static Blocks: By clicking this button, you can import static blocks that are used for our demo sites. In order to get same store as our demo, you should import all static blocks. In order to get same store as our demo, you should import all CMS pages.
Import Demo Version Settings: Just click import demo button which you prefer to install. Once its completed, you will get same site as our demo. This is amazing mega menu extension. You can create any type of mega menu with this extension, like several variations that you have seen on our demo site. Enable: Enable or Disable this extension. If Disable is chosen, magento's default menu style will be applied.
Default Menu Type: With Porto eCommerce, you can create several types of menu - full-width mega menu, static-width mega menu and classic drop down menu.
If you choose one in this option, it will be applied as default all of menu items. Visible Menu Depth: You can set menu depth level. In this extensions, you can set options related to filter products such as featured products, best selling products etc. You can show Latest Blog Slider, after install this extension. Please refer this Installation Guide and User Guide. This is a PAID Extension, you can build marketplace ecommerce site using this extension that is fully compatible with Porto.
A: If you are facing problem of css and js page load design after installation, then you pls follow the steps below:. A: Change the owner of the uploaded files pub and var to the web server user and set correct file permissions for them. Login to Admin Panel, and Clear the cache.
A: If some theme features don't work after installation or some resources e. A: If you see the above error message, then pls try to set permission on pub and var directories.
A: If you see the following error when selecting Home Version 9: We're sorry, an error has occurred while generating this email. A: This may be an issue in your database. Pls insert a new row for "Smartwave Porto" theme into "theme" table in the database. Nothing changes on the frontend after make color changes in Porto- Design Panel?
See the changes. Option 1: In many cases, customers want to have the site with same demo content as our demo. Please make sure you did install the quickstart package. This is it for now. Now you know how to install a Magento theme manually.
If you run into any problems while installing a theme or while configuring it, feel free to ask in the comments section below. When not working, he loves to watch cricket.
0コメント