Getting Started

Installation

Layout Position

home 1 Home Style 1
home 2 Home Style 2
home 1 Home Style 3
home 1 Home Style 4
home 1 Home Style 5
home 1 Home Style 6
home 1 Home Style 7
home 1 Home Style 8
home 1 Home Style 9
home 1 Home Style 10
home 1 Home Style 11
home 1 Home Style 12
home 1 Home Style 13
home 1 Home Style 14
home 1 Home Style 15
home 1 Home Style 16
home 1 Home Style 17
home 1 Home Style 18
home 1 Home Style 19
home 1 Home Style 20

Homepage Configuration

  • To configure the default home page for your store, please go to Stores>> Settings >>Configuration>>General>>Web>>Default Pages tab, select the desired page in the CMS Home Page field and save configuration.
  • You need to change to the website / store view that you want to change (the dropdown menu in the upper left corner). You will probably have to create a new CMS page if you want to have something different from your default home page.

From the top menu, please select Content >> Elements >> Pages. Here you can find all the store pages that you have imported, so you don't need to add them. You only need to update the pages HTML and XML content as you wish.

  • Step 1. Open any of them in order to get the access to the content.


  • Step 2. Edit the content as you desire


  • Step 3. Press Save Page button to save your configuration

  • To create the "id-1-block-1" block, please go to Admin Panel > Content > Elements > Blocks > Add new block with Identifier "id-1-block-1" block.
    Please try to use below example code in your cms contents.
    <div class="image-slider-home">
    <div class="sm-imageslider">
    <div class="sm-imageslider-inner">
    <div class="sm-imageslider-content owl-carousel owl-theme">
    <div class="item"><a title="title" href="#"><img src="{{media url="wysiwyg/imageslider/image-banner-1.jpg"}}" alt="Slider Image" /></a></div>
    <div class="item"><a title="title" href="#"><img src="{{media url="wysiwyg/imageslider/image-banner-2.jpg"}}" alt="Slider Image" /></a></div>
    <div class="item"><a title="title" href="#"><img src="{{media url="wysiwyg/imageslider/image-banner-3.jpg"}}" alt="Slider Image" /></a></div>
    </div>
    </div>
    </div>
    <script type="text/javascript" xml="space">// <![CDATA[
    					require([
    						'jquery',
    						'owlcarousel'
    					], function ($) {
    						$(".sm-imageslider-content").owlCarousel({
    							items:1,
    							autoplay:true,
    							loop:true,
    							nav : true, 
    							dots: false,
    							autoplaySpeed : 500,
    							navSpeed : 500,
    							dotsSpeed : 500,
    							autoplayHoverPause: true,
    							margin:1,
    						});	  
    					});	
    									
    				
    // ]]></script>
    </div>
    <div class="static-image-1">
    <ul class="static-image">
    <li><a title="Static Image" href="#"> <img src="{{media url="wysiwyg/banner/banner1-1.jpg"}}" alt="Static Image" /> </a></li>
    <li><a title="Static Image" href="#"> <img src="{{media url="wysiwyg/banner/banner1-2.jpg"}}" alt="Static Image" /> </a></li>
    <li><a title="Static Image" href="#"> <img src="{{media url="wysiwyg/banner/banner1-3.jpg"}}" alt="Static Image" /> </a></li>
    </ul>
    </div>
    <div class="services-home">
    <div class="banner-policy">
    <div class="inner">
    <div class="policy policy1"><a title="90 days money back" href="#"><span class="ico-policy">ico policy</span>90 days<br />money back</a></div>
    <div class="policy policy2"><a title="free shipping on all orders" href="#"><span class="ico-policy">ico policy</span>free shipping<br />on all orders</a></div>
    <div class="policy policy3"><a title="lowest price guarantee" href="#"><span class="ico-policy">ico policy</span>lowest price guarantee</a></div>
    <div class="policy policy4"><a title="safe shopping guarantee" href="#"><span class="ico-policy">ico policy</span>safe shopping guarantee</a></div>
    </div>
    </div>
    </div>
  • To show the "id-1-block-1" block, please go to Content >> Elements >> Pages.
  • Please try to use below example code in your cms contents.
    {{block class="Magento\\Cms\\Block\\Block" block_id="id-1-block-1"}}

  • To create the "id-1-block-2" block, please go to Admin Panel > Content > Elements > Blocks > Add new block with Identifier "id-1-block-2" block.
    Please try to use below example code in your cms contents.
    <div class="list-product-home">{{block class="Sm\ListingTabs\Block\ListingTabs" template="Sm_ListingTabs::default.phtml" title="Best Sellers" type_show="slider" type_listing="all" display_countdown="0" under_price="5" type_filter="categories" field_tabs="" category_select="" category_tabs="97,98,103" order_by="ordered_qty" order_dir="ASC" limitation="6"}}</div>
    <div class="row">
    <div class="static-image-2">
    <div class="col-lg-4 col-md-4 col-sm-4 static-image"><a title="Static Image" href="#"><img src="{{media url="wysiwyg/banner/banner-4.jpg"}}" alt="Static Image" /></a></div>
    <div class="col-lg-4 col-md-4 col-sm-4 static-image"><a class="image-top" title="Static Image" href="#"><img src="{{media url="wysiwyg/banner/banner-5.jpg"}}" alt="Static Image" /></a> <a title="Static Image" href="#"><img src="{{media url="wysiwyg/banner/banner-6.jpg"}}" alt="Static Image" /></a></div>
    <div class="col-lg-4 col-md-4 col-sm-4 static-image"><a title="Static Image" href="#"><img src="{{media url="wysiwyg/banner/banner-7.jpg"}}" alt="Static Image" /></a></div>
    </div>
    </div>
    <div class="list-product-home list-product-home-custom">{{block class="Sm\ListingTabs\Block\ListingTabs" template="Sm_ListingTabs::default.phtml" title="New Arrivals" type_show="slider" type_listing="all" display_countdown="0" under_price="5" type_filter="categories" field_tabs="" category_select="" category_tabs="99,106,100" order_by="created_at" order_dir="ASC" limitation="6"}}</div>
    <div class="home-collection">
    <div class="collections-wrap">
    <div class="title-home-page"><span>Collections</span></div>
    <ul class="collections">
    <li class="collect collect1"><a href="#">Furniture</a></li>
    <li class="collect collect2"><a href="#">Gift idea</a></li>
    <li class="collect collect3"><a href="#">Cool gadgets</a></li>
    <li class="collect collect4"><a href="#">Ourdoor<br /><span>activities</span></a></li>
    <li class="collect collect5"><a href="#">Accessories for<br /><span>smartphone</span></a></li>
    <li class="collect collect6"><a href="#">Women world</a></li>
    </ul>
    </div>
    </div>
  • To show the "id-1-block-2" block, please go to Content >> Elements >> Pages.
  • Please try to use below example code in your cms contents.
    {{block class="Magento\\Cms\\Block\\Block" block_id="id-1-block-2"}}

    Please try to use below example code in your cms contents.
    {{block class="Sm\Categories\Block\Categories" template="Sm_Categories::default.phtml" title_module="Hot categories" select_category="105,97,99,109,103,98,106,100" limitation="4"}}

    Theme Setting

    In Magento admin panel, navigate to Stores>> Settings>> Configuration >> MAGENTECH.COM >> SM Market and configure its settings as you want.

    Please click Here to view the theme settings.

    Theme Color: In this option, you can set main color of entire page.

    Body Font

    In these options, you can change main font, font size, link color, text color, background, etc.

    Menu

    Menu Style: This theme support mega menu and css menu. You can select a menu style that you want.

    Menu on Top: Choose "Yes" to turn on "Sticky Menu" feature, the menu will be fixed on top when scroll down the page.

    Mobile Menu Type: This theme support sidebar menu and collapse on mobile. You can select a menu style that you want.

    Layout Style: This theme support boxed and full width layout. You can select a layout style that you want.
    Max Width: You can change page's width.
    Responsive Layout: Choose "Yes" to show responsive layout for each type of devices.
    Right To Left Layout: This theme support right to left layout. Choose "Yes" to view.

    We provides flexible grid system includes: layout 1 column, layout 2 columns, layout 3 columns. You can change product's quantity per row to fit each screen.

    Image Box

    Thumbs Styles: This option allow you choose thumb style types that you want.
    Enable Loop: Choose "Yes" to repeat your loop.
    Enable Keyboard Trigger: Choose "Yes/No" to "Enable/Disable" keyboard trigger feature.
    Show Navigation: Choose "Yes/No" to "Show/Hide" navigation.
    Enable Popup Fullscreen: Choose "Yes" to show fullscreen popup when you mouse click on the product detail.
    Show Thumbs Navigation: Choose "Yes/No" to "Show/Hide" thumb navigation.
    Thumbs Margin: Distance between the thumb images.
    Thumbs Border Active Width: You can change width of thumb boder when active.
    Breakpoints: Breakpoints are used to set up the screen width at which the design of thumbnails changes.

    Image Zoom

    Enable Product Image Zoom: Choose "Yes/No" to "Allow/Not Allow" show product image zoom when you mouse hover on the product image.

    Social Buttons

    Show social buttons: Choose "Yes/No" to "Show/Hide" social button in detail page.

    Related - Upsell Product

    In these options, you can choose "Yes/No" to "Show/Hide" and set limit quantity for related and upsell products.

    Tab

    Choose tab style types that you want.

    Custom Tab

    Choose "Yes", you can change name and add content for Custom Tab.

    Choose "Yes" in "Show Facebook", " Show Twitter", "Show Google+", "Show LinkedIn" and "Show Pinterest" param to show socials. When you choose "Yes", you can change name and link of socials.

    Advanced

    Choose "Yes/No" to "Show/Hide" Go to Top, Add to Cart, Add to Wishlist, Add to Compare, Newsletter Popup, Copyright, etc.

    Developer

    To custom Css or Javascript

    Import Static Blocks

    By clicking this button, you can import all static blocks that are used for our demo site.

    Import Pages

    By clicking this button, you can import all pages that are used for our demo site.

    Import Demos

    Click "Demo X" button to install demo version that you prefer to install.

    Note: When you click "Demo X" button, the administration page will reload automatically. After it finishes reloading, please click "Save Config" button and refesh cache.

    Extensions


    Other

    Change Log

    - Fixed error: Don't show customer review in page product detail.
    - Remove jquery: easyResponsiveTabs.js
    - Upgrade to be compatible with Magento 2.2.1.
    - Fixed bug: import demo.
    - Update module recently view.
    - Update Quickcartpro module.
    - Update Recently Viewed Products module.
    - Fixed bug: Didn't change price when changing currency in the shopby module.
    - Update loading popup when website is loading. Add parameter configuration in the admin panel.
    - Upgrade to be compatible with Magento 2.2.0.
    - Fixed issue when change language.
    - Fixed issue page forgot password, remove file jquery.cookie.min.js.
    - Fix issue in module SM Quick Cart Pro.
    - Upgrade to be compatible with Magento 2.1.9.
    - Fix issue of not display related product in blog detail.
    - Added 02 new homepage layouts.
    - Update module Social Login
    - Fix bug toolbar in blog listing
    - Upgrade to be compatible with Magento 2.1.8
    - Upgrade to be compatible with Magento 1.9.3.4
    - Fix checkout page error
    - Fix unable to upload images of slide error of CameraSlider Module
    - Responsive detail page.
    - Fix style scroll popup add to cart error
    - Upgrade all modules
    - Arrange CMS Page to manage easily
    - Update module Blog.
    - Update layout detail page on standard core.
    - NOTE: Compatible with Magento version 1.9.x and 2.1.x
    - Upgrade to be compatible with 1.9.3.3
    - Upgrade to be compatible with 2.1.7.
    - Added 03 new homepage layouts.
    - Upgraded to be compatible with Magento 2.1.6.
    - Fix issue of not display Logout after Login.
    - Fix style popup quickview, ajax cart issues.
    - Update module cartquickpro for Magento 2
    - Fix issue of not displaying quickview in listing
    - Optimized loading speed.
    - Fixed css style.
    - Compatible with Magento 2.1.5.
    - Updated require_config.js error.
    - Fixed deploy issue.
    - Fixed multi-store issue.
    - Compatible with Magento 2.1.4.
    - Fixed bug: Got error when di compile.
    - Added 03 new homepage layouts.
    - Upgraded to Magento 2.1.3.
    - Upgraded to Magento 2.1.2.
    - Upgraded to Magento 2.1.1.
    - Display add to cart, add to compare, add to wishlist in the module: configuration theme.
    - Added parameter max-width configuration for website.
    - Using default image box on the detail page and including other settings (that library supports).
    - Font size turned to select option type.
    - Updated newsletter popup: Added show/hide parameter.
    - Added hide/show new/sale icon parameter.
    - Right to Left support.
    - Fixed bug: Rich snippets on Magento 1.9.x package.
    - Added 04 Hompage designs.
    - Updated: import demo function in the backend
    - Compatible with Magento 2.1.0.
    Note:
    With the Magento 2.1.0 package, please run PHP version 7.0.2 up to 7.1.0, except for 7.0.3, 7.0.4, 7.0.5.
    There is an issue that affects code compiler; to avoid the issue, do not use PHP 7.0.3, 7.0.4, 7.0.5.
    For more information related to other system requirements for Magento 2.x, please check here: http://devdocs.magento.com/guides/v2.0/install-gde/system-requirements.html
    - Updated SM Mega Menu.
    - Fixed active css issue for all headers' item.
    - Fixed other small style issues.
    - Update 4 remain homepages to compatible with Magento 2.0.
    - Update 3 product detail styles (2 thumbnail styles, 3 tab styles, 3 popup fancy box styles).
    - Update 12 bonus pages.
    - Update Listing Deal page.
    - Update New Arrivals page.
    - Update Under price page.
    - Update all modules to the latest version.
    - Fixed bug: compile.
    - Upgraded theme to be compatible with Magento 2.0.7
    - Upgraded theme to be compatible with Magento 1.9.2.4.
    - Added 4 homepage layouts.
    - Added cyan color.
    - Added 12 bonus pages.
    - Fixed bug: SM Megamenu error on Linux.
    - Upgraded theme to be compatible with Magento 2.0.4.
    - Upgraded theme to be compatible with Magento 1.9.2.2.
    - Fixed bug of Menu Deals: The "Load More" button doesn't show when clicking on.
    - Fixed bug: Discounted time ended, but "Sale" icon still display on frontend.
    - Fixed bug: Broken layout on the ipad sreen.
    - Fixed bug: Next and Prev buttons of slider broken.
    - Upgraded theme to be compatible with Magento 1.9.2.1.
    - Replace SM Dynamic Slideshow by SM Camera Slider.
    - Fixed bug: Couldn't access to Menu item of SM Mega Menu module when upgrading theme to Magento 1.9.2.1.
    - Fixed bug: Saving cache when upgrading theme to Magento's latest version.
    - Fixed bug: Configurable product can't add to cart.
    - Fixed bug: Brake layout on New Arrivals, Deals and Blog pages.
    - Removed Blog - Community Edition by aheadWorks. To download this extension, please go here: http://www.magentocommerce.com/magento-connect/blog-community-edition-by-aheadworks.html
    - Add Deals page.
    - Add Under specific price page (demo: $4.99).
    - Add New arrivals page.
    - Update Color Swatches.
    - Fixed: Search issue on mobile.
    - Fixed: Can't add Configurable Product.
    - Update 404 page.
    - Update core to be compatible with Magento 1.9.1.0, using database Magento 1.9.1.0
    - Update layout to be compatible with Magento 1.9.1.0
    - Fixed bugs:
    + Mega Menu module + No display compare param error. Add to compare was hidden but compare block on left wasn't hidden.
    + In case merge JS, an error has occurred when creating or editing new slider.
    + Vertical menu is empty but child menu still have menu icon.
    + Create a widget instance of category link, in the widget options the category selector button is not displaying.
    + On Home style 3 error: Vertical menu doesn't show when selecting css menu.
    + Tagged list haven't pagination.
    - Fixed Right To Left style.
    - Fixed vertical menu style.
    - Support Rich Snippet.
    - Added: Righ To Left Direction.
    - Fixed: Mega Menu configuration error when changing language.
    - Fixed: Menu error when using theme with non_responsive.
    - Fixed: Menu on top error with header styles.
    - Added "sm_market_theme_v1.1.2_to_v1.1.3-patch" file. This file helps customers who customized site knows which files are being modified on version 1.1.2.
    - Updated JS, CSS Compress.
    - Updated Theme Configuration (remove responsive/non-responsive configuration on devices) This function will be configured on child theme.
    - Fixed Searchbox pro issue when no-responsive is active.
    Fixed:
    - Popup Image in detail page.
    - Enable Flat Categories and Products.
    - Merge CSS and JS Files.
    - Enable Compilation.
    - Caching Magento.
    - Check Speed.
    Fixed:
    - SM Dynamic slideshow error (Lack of transparent.png, so console log increase when loading page).
    - NetworkError: 404 Not Found.
    - Search box was hidden when clicking on other part on page (In case user didn't install Quickstart and select "Enale Device Responsive").
  • Added 3 new header styles.
  • Added 3 new homepage layouts.
  • Fixed:
  • - Quickstart installation and create new admin account issue.
    - Dynamic Slideshow redirect to Not Found page in the Admin Panel.
    - Fatal error:Class 'Mage_Adminhtml_Controller_action' not found in app/code/local/Sm/Megamenu/controllers/Adminhtml/MenuitemsController.php on line 11.
    - 404 Error when accessing to SM Deals in Admin Panel.
    - Validate quantity prodcut when Inventory doesn't manage stock.

    Release