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.
Your store should be running on Magento Community Edition version 2.0.0 or newer.
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
Date | Update |
---|---|
March 1.2016 | Add Product Labels extension |
March 15.2016 | Add Mega Menu extension |
Open the Admin Panel of your Magento 2 store, navigate to Content > Schedule > Add Design Change > General Settings.
Store: select your store to change theme.
Custom Design: select our Magenest Rope theme.
Date From/To: The time duration for available theme.
Go to Store > Configuration > Design > Header
Go to Store > Configuration > Design > Footer
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
<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> |
<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> |
<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> |
<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> |
<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> |
<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> |
<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="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-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> |
{{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 |
{{widget type="Magenest\Blog\Block\Product\Widget\HotSalesWidget" products_count="10" template="Magenest_Blog::product/widget/sales/content/hot_sales_grid.phtml"}} |
products_count="10" is the qty of sale products that be displayed in Homepage |
<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> |
Block Home 1
The Block Home 1 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> |
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.
Storefront Properties/ Layout Updates
Display on: select Specified Page
Page: select CMS Home Page
Container: select Main Content Area
Widget Options
In this section, select "Block Home 1" block you created. You can creatediffirent home blocks and choose the Home block you want in Widget Options section.
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.
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.
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.
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.
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.
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.
Category Gird | ||
---|---|---|
Desktop | Mobile | Tablet |
Category List | ||
Desktop | Mobile | Tablet |
Desktop | Mobile | Tablet |
Desktop | Mobile | Tablet |
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.