Thank you for purchasing our theme. If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form here. Thanks so much!
Rope Theme is a Magento 2 theme with a very elegant and minimalist design.It's design specialize for clothing, fashion, shoes, handbags, watches, accessories shop. This theme is easy to customize, ready to use. With this theme, you can install and set up the theme with ease.
Requirements
Your store should be running on Magento Community Edition version 2.0.0 or newer.
Change Log
V1.0.2 - March 12.2016
Fix bugs
Add Mega Menu and Product Labels extension
V1.0.1 - February 16.2016
Fix bugs
Add Google RichSnippests
V1.0.0 - February 15.2016
First Release
Road Map
Date | Update |
---|---|
March 1.2016 | Add Product Labels extension |
March 15.2016 | Add Mega Menu extension |
Configuration
Enabling the theme
Open the Admin Panel of your Magento 2 store, navigate to Content > Configuration > Select your current theme.
Store View: select your store to change theme.
Applied Theme: select our Magenest Rope theme.
Logo & Favicon
Go to Content > Configuration > Edit Your Current Theme > Header
Copy Right
Go to Content > Configuration > Edit Your Current Theme > Footer
Customization Block
Navigate to Content > Blocks > Add new block
Block Title: The name of block
Store View: select store that you want to display
Status: Enable/Disable
Content: Enter the HTML content of block
Block Social | Block Logo Paypal | Block About | Block Information | Block Help | Block Contact Us | Block Banner Slider | Block Banner Images 1 | Block Banner Image 2 | Block New Product | Block Sale Product | Block Our Clients | Block Home 1
Block Social
<div class="block-title"> <h3>social</h3> </div> <div class="block-content"> <ul class="link-social"> <li><a href="#" class="link-facebook"><em class="fa fa-facebook"></em><span>facebook</span></a></li> <li><a href="#" class="link-twitter"><em class="fa fa-twitter"></em><span>twitter</span></a></li> <li><a href="#" class="link-google"><em class="fa fa-google-plus"></em><span>google</span></a></li> <li><a href="#" class="link-pinterest"><em class="fa fa-pinterest-p"></em><span>pinterest</span></a></li> </ul> </div>
Block Logo Paypal
<div class="block-title"> <h3>Paypal</h3> </div> <div class="block-content"> <ul class="link-paypal"> <li><em class="fa fa-cc-visa"></em><span>cc-visa</span></li> <li><em class="fa fa-cc-paypal"></em><span>cc-paypal </span></li> <li><em class="fa fa-cc-mastercard"></em><span>cc-mastercard </span></li> </ul> </div>
Block About
<div class="block-title"> <h3>About</h3> </div> <div class="block-content">Magenest is leading eCommerce company with professional solutions for Magento and Woocommerce platform. Besides, we provides integration services for installation of components on your systems or application of software for eCommerce businesses</div>
Block Information
<div class="block-title"> <h3>INFOMATION</h3> </div> <div class="block-content"> <ul class="link"> <li><a href="#">About Us </a></li> <li><a href="#">Delivery Information</a></li> <li><a href="#">Privacy Policy </a></li> <li><a href="#">Terms Conditions</a></li> <li><a href="#">Sevices</a></li> <li><a href="#">Customer service/ fqa's</a></li> </ul> </div>
Block Help
<div class="block-title"> <h3>HELP</h3> </div> <div class="block-content"> <ul class="link"> <li><a href="#">FAQ </a></li> <li><a href="#">ORDER TRACKING</a></li> <li><a href="#">SHIPPING AND HANDLING</a></li> <li><a href="#">PAYMENT METHODS</a></li> <li><a href="#">RET</a></li> </ul> </div>
Block Contact Us
<div class="block-title"> <h3>CONTACT US</h3> </div> <div class="block-content"> <div class="block-content content-contact"> <table> <tr> <td><i class="fa fa-map-marker"></i></td> <td><span>95, Chua Boc Street, Dong Da Hanoi, Vietnam</span></td> </tr> <tr> <td><i class="fa fa-phone"></i></td> <td><span>+ 84 988 888 888</span> <br><span>+ 84 912 345 678</span></td> </tr> <tr> <td><i class="fa fa-envelope"></td> <td><span>[email protected]</span></td> </tr> </table> </div> </div>
Block Banner Slider
<div class="block-slide slide-style1"> <div dir="ltr" class="item"><a><img src="{{view url='images/theme/slide/slide1.jpg'}}" alt="slide1" /> </a></div> <div class="item"><a><img src="{{view url='images/theme/slide/slide2.jpg'}}" alt="slide1" /> </a></div> </div>
Block Banner Images 1
<div class="banner-sale" style="background-image: url({{view url='images/theme/banner/sale.jpg'}});"> <div class="container"><span class="title">UP TO 30%</span> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi</p> </div> </div>
Block Banner Image 2
<div class="block-slide slide-style2"> <div class="item"> <a><img src="{{view url='images/theme/slide/slide2.jpg'}}" alt="slide1" /> </a> </div> <div class="item"> <a><img src="{{view url='images/theme/slide/slide2.jpg'}}" alt="slide1" /> </a> </div> </div> <div class="block-banner-style1"> <a class="item"><img src="{{view url='images/theme/banner/banner2-1.jpg'}}" /></a> <a class="item"><img src="{{view url='images/theme/banner/banner2-2.jpg'}}" /></a> <a class="item"><img src="{{view url='images/theme/banner/banner2-3.jpg'}}" /></a> </div> <div class="block-products style1 container"> {{widget type="Magento\Catalog\Block\Product\Widget\NewWidget" display_type="new_products" products_count="10" template="product/widget/new/content/new_grid.phtml"}} </div> <div class="block-products style1 container"> {{widget type="Magenest\Blog\Block\Product\Widget\HotSalesWidget" products_count="10" template="Magenest_Blog::product/widget/sales/content/hot_sales_grid.phtml"}} </div> <div class="block-blog-style2"> {{widget type="Magenest\Blog\Block\Post\Widget\BlogPostsWidget" blog_displays="4" template="Magenest_Blog::post/widget/blog_posts.phtml" title="From The Blog"}} </div>
Block New Product
{{widget type="Magento\Catalog\Block\Product\Widget\NewWidget" display_type="new_products" products_count="10" template="product/widget/new/content/new_grid.phtml"}}
products_count="10" is the qty of new products that be displayed in Homepage
Block Sale Product
{{widget type="Magenest\Blog\Block\Product\Widget\HotSalesWidget" products_count="10" template="Magenest_Blog::product/widget/sales/content/hot_sales_grid.phtml"}}
Note
products_count="10" is the qty of sale products that be displayed in Homepage
Block Our Clients.
<div class="block-client-say"> <div class="container" style="background-image: url({{view url='images/theme/banner/bg-client-say.png'}});"> <div class="block-title">Client Say</div> <div class="block-content"> <div class="owl-client-say"> <div class="item"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin em ipsum dolor sit amet, consectetur adipiscing elit. Proin Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pro</p> <span class="name">- Kristy - </span> </div> <div class="item"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin em ipsum dolor sit amet, consectetur adipiscing elit. Proin Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pro</p> <span class="name">- Kristy - </span> </div> </div> </div> </div> </div>
CMS Home Page
The CMS Home Page includes:
Block banner slide
Block banner image
Block new product
Block banner image 2
Block sale product
Block Our clients
HTML Content:
<div class="block-slide slide-style1"> <div dir="ltr" class="item"><a><img src="{{view url='images/theme/slide/slide1.jpg'}}" alt="slide1" /> </a></div> <div class="item"><a><img src="{{view url='images/theme/slide/slide2.jpg'}}" alt="slide1" /> </a></div> </div> <div class="block-colums-text"> <div class="container"> <div class="row"> <div class="col"> <span class="icon"><span class="icon-plane"></span></span> <span class="title">Free Shipping</span> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> </div> <div class="col"> <span class="icon"><span class=" icon-refresh"></span></span> <span class="title">Money Back</span> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> </div> <div class="col"> <span class="icon"><span class="icon-earphones-alt"></span></span> <span class="title">Support 24/7</span> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> </div> </div> </div> </div> <p> {{widget type="Magenest\Widget\Block\Product\ProductsList" title="New arrival" only_show_new="1" products_count="10" template="Magenest_Widget::category/widget/content.phtml" category_ids="3, 8, 4"}} </p> <div class="banner-sale" style="background-image: url({{view url='images/theme/banner/sale.jpg'}});"> <div class="container"><span class="title">UP TO 30%</span> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi</p> </div> </div> <div class="block-client-say"> <div class="container" style="background-image: url({{view url='images/theme/banner/bg-client-say.png'}});"> <div class="block-title">Client Say</div> <div class="block-content"> <div class="owl-client-say"> <div class="item"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin em ipsum dolor sit amet, consectetur adipiscing elit. Proin Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pro</p> <span class="name">- Kristy - </span> </div> <div class="item"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin em ipsum dolor sit amet, consectetur adipiscing elit. Proin Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pro</p> <span class="name">- Kristy - </span> </div> </div> </div> </div> </div> <div class="block-blog-style1"> {{widget type="Magenest\Blog\Block\Post\Widget\BlogPostsWidget" blog_displays="4" template="Magenest_Blog::post/widget/blog_posts.phtml" title="From The Blog"}} </div>
CMS Home Page 2
The CMS Home Page includes:
Block banner slide
Block banner image
Block new product
Block banner image 2
Block sale product
Block Our clients
HTML Content:
<div class="block-slide slide-style2"> <div class="item"><a><img src="{{view url='images/theme/slide/slide2.jpg'}}" alt="slide1" /> </a></div> <div class="item"><a><img src="{{view url='images/theme/slide/slide2.jpg'}}" alt="slide1" /> </a></div> </div> <div class="block-banner-style1"> <a class="item"><img src="{{view url='images/theme/banner/banner2-1.jpg'}}" /></a> <a class="item"><img src="{{view url='images/theme/banner/banner2-2.jpg'}}" /></a> <a class="item"><img src="{{view url='images/theme/banner/banner2-3.jpg'}}" /></a> </div> <div class="block-products style1 container"> {{widget type="Magento\Catalog\Block\Product\Widget\NewWidget" display_type="new_products" products_count="10" template="product/widget/new/content/new_grid.phtml"}} </div> <div class="block-products style1 container"> {{widget type="Magenest\Blog\Block\Product\Widget\HotSalesWidget" products_count="10" template="Magenest_Blog::product/widget/sales/content/hot_sales_grid.phtml"}} </div> <div class="block-blog-style2"> {{widget type="Magenest\Blog\Block\Post\Widget\BlogPostsWidget" blog_displays="4" template="Magenest_Blog::post/widget/blog_posts.phtml" title="From The Blog"}} </div> <style xml="space"> .block-blog-style2 .owl-pagination { display: none; } .block-blog-style2 .block-blog .post-holder .post-deatil{ padding: 15px 15px 15px 30px; } </style>
Widget Settings
Add new widget
Navigate to Content > Widget > Add widget
Type :select CMS Static Block.
Design Theme: select our Magenest Rope.
Storefront Properties/ Layout Updates
Widget Title: the widget name.
Assign To Store Views: select the store you want to display widgets.
Sort Order: A widget displaying work item statistics and displayed as a table, sorted by thecount count of the entries lowest to highest.
Display on: choose the page displays widgets ( Specific Page).
Page: choose CMS Home Page.
Container: choose the location displays widgets ( Main Content Area, Page Footer Top Container, Page FooterCulumns Container ).
Widget Options
Choose the block is nearest to this widget.
Widget Social
Storefront Properties/ Layout Updates
Sort Order: Enter "0" value
Display on: select All Page
Page: select CMS Home Page
Container: select Page Footer Top Container
Widget Options
Select the "Block Social" block you created.
Widget Paypal
Storefront Properties/ Layout Updates
Sort Order: Enter "2" value.
Display on: select All Page.
Page: select CMS Home Page.
Container: select Page Footer Top Container.
Widget Options
Select the "Block paypal" block you created.
Widget About
Storefront Properties/ Layout Updates
Sort Order: Enter "1" value.
Display on: select All Page.
Page: select CMS Home Page.
Container: select Page Footer Columns Container.
Widget Options
Select the "Block About" block you created.
Widget Information
Storefront Properties/ Layout Updates
Sort Order: Enter "3" value
Display on: select All Page
Page: select CMS Home Page
Container: select Page Footer Columns Container
Widget Options
Select the "Block Information" block you created.
Widget Help
Storefront Properties/ Layout Updates
Sort Order: Enter "2" value.
Display on: select All Page.
Page: select CMS Home Page.
Container: select Page Footer Columns Container.
Widget Options
Select the "Block Help" block you created.
Widget Contact Us
Storefront Properties/ Layout Updates
Sort Order: Enter "4" value.
Display on: select All Page.
Page: select CMS Home Page.
Container: select Page Footer Columns Container.
Widget Options
Select the "Block Contact" block you created.
Front End
- Category
Category Gird | ||
---|---|---|
Desktop | Mobile | Tablet |
Category List | ||
Desktop | Mobile | Tablet |
- Product details page
Desktop | Mobile | Tablet |
- Home
Desktop | Mobile | Tablet |
Update
- When a bug fix or new feature is released, we will provide you with the product's new package.
- All you need to do is repeating the above installing steps and uploading the package onto your store. The code will automatically override.
- Flush the config cache. Your store and newly installed module should be working as expected.
Support
- Magenest offers the response time can be up to 3-5 days.
- We offers lifetime support free for all of our paid products. Support includes answering questions related to our products, bug/error fixing to make sure our products work well in your site exactly like our demo.
- Support DOES NOT include other services as customize our product to fit your own needs, installation service, uninstallation service. We ONLY support you with exist features of product.
- We’re not able to support third party plugins or ensure thatevery oneworks properly with our themes
License
- All our themes are licensed under the OSL License. You have the right to use each purchased theme on one domain only. You are authorized to make any necessary modifications to themes to suit your needs.
- Each theme comes bundled with plugins that are not licensed under the theme but have their own license. These plugins have been purchased for the usein the individual themes they are bundled with only.
Once again, thank you for purchasing our extension. If you have any questions relating to this extension, please do not hesitate to contact us for support.
Magenest