Fashion Store Template for Magento 2

Transcription

1 Fashion Store Template for Magento 2 Magento 2 Theme Installation Create New folder sureict in /App/Design/Frontend/ Create New Folder fashionstore in /App/Design/Frontend/sureict Extract files in zip to /App/Design/Frontend/sureict/ fashionstore Remove all the files under pub/static/frontend and var/view_preprocessed directories. php bin/magento setup:upgrade php bin/magento setup:static-content:deploy In order to install a new them from Admin Panel, please follow these steps.

2 Go to Admin Panel Content Configuration, choose current them and press Edit Button. Choose Fashion Store from dropdown list. Save Configuration Create Static Blocks There are two static Blocks available in Fashion Store Theme: footer_menu and footer_social. In order to make them appear on the site you need to create them in the Admin Panel. Go to Admin Panel Content Blocks.

3 Block footer_menu Press Add New Block button Create a block Block Title: footer_menu Identifier: footer_menu and put the following content into content field. First Hide Editor <div class="footer-navigation-item"> <h5><a href="/customer/account/login">my Account</a></h5> <div class="footermenu"> <ul> <li><a href="/customer/account/login">account</a></li> <li><a href="/wishlist">wishlist</a></li> <li><a href="/sales/guest/form">orders and Return</a></li> </ul> <div class="footer-navigation-item"> <h5><a href="/customer-service">customer Service</a></h5> <div class="footermenu"> <ul> <li><a href="/customer-service">customer Service</a></li> <li><a href="/contact/">contact Us</a></li> <li><a href="/privacy-policy-cookie-restriction-mode">privacy and Cookie Policy</a></li> </ul> <div class="footer-navigation-item"> <h5><a href="/about-us">about US</a></h5> <div class="footermenu"> <ul> <li><a title="about" href="/about-us">about us</a></li> <li><a title="about Cookies" href="/enable-cookies">enable Cookies</a></li> </ul>

4 Save Block

5 Block footer_social Press Add New Block button Create a block Block Title: footer_social Identifier: footer_social and put the following content into content field. First Hide Editor. Change the HTML in your social media accounts. <ul> <li><a title="facebook" href=" target="_blank"> <span class="icon-facebook"></span></a></li> <li><a title="twitter" href=" target="_blank"> <span class="icon-twitter"></span></a></li> <li><a title="instagram" href=" target="_blank"> <span class="icon-instagram"></span></a></li> <li><a title="snapchat" href=" target="_blank"><span class="icon-snapchat"></span></a></li> </ul> Save Block

6 Homepage Content Add content on the homepage to complete the theme. Go to Admin Panel Content Pages. Choose the Home page and press Edit. Content Hide Editor Add Images to your HomePage. If don t have your own images you can use the images from the template their located at. The images are stock free. /App/Design/Frontend/sureict/ fashionstore/web/images/ Home1.jpg Home2.jpg Home3.jpg Home4.jpg Home5.jpg

7 Insert Image in the Storage Root And Click on the X.

8 Put the following content into content field. <p><img src="{{media url="wysiwyg/home1.jpg"}}" width="100%" /></p> <p>{{widget type="magento\catalog\block\product\widget\newwidget" display_type="all_products" products_count="4" template="product/widget/new/content/new_grid.phtml"}}</p> <div class="spacer">what's in your bag <div class="grid-left"><a><img src="{{media url="wysiwyg/home2.jpeg"}}" width="100%" /></a> <div class="grid-right"><a><img src="{{media url="wysiwyg/home3.jpeg"}}" width="100%" /></a> <div class="spacer">walk it of <div class="grid-left"><a><img src="{{media url="wysiwyg/home4.jpeg"}}" width="100%" /></a> <div class="grid-right"><a><img src="{{media url="wysiwyg/home5.jpeg"}}" width="100%" /></a> <div class="spacer"> Remove Home Page in Content Heading Save Page After this use the following commands and you template is up. php bin/magento setup:upgrade php bin/magento setup:static-content:deploy