New Products Extension for Magento 2

Transcription

1 New Products Extension for Magento 2 User Manual New Products Extension for Magento 2 By

2 CONTENT Introduction 3 Features 3 Configuration Settings 4 Layout Settings 9 Manage New Products 13 Create New Products Widget 17 FAQs 21 Support 23 2

3 INTRODUCTION Using this extension you can show new products for your online store. Our extension easy to setup and give many options for settings from admin. You can show new products into home page within few minutes using new product widget. You can show/hide price, add to cart button, add to wish list from admin. You can set number of products per row from admin. EXTENSION FEATURES 1. Enable/disable new product extension in frontend. 2. You can Show/hide and change heading in frontend from admin. 3. Set new products on CMS pages, Category Pages and Product Pages using layout code. 4. You can display new products auto, manually or both. 5. You can display all new products or display by categoroies. 6. You can create widget for new product with its options. 7. Option for display new products in slider. Show/Hide navigation arrow,pagination in slider. 8. You can sort the new product list by price,position and name. 9. You can change sort order of new products. 10. Option for auto scroll products in slider. 11. You can set number of product per page. 12. You can set display number of new products in main block. 13. You can set display number of new products per row. 14. Show/Hide the products price, Add to cart, Add to Wishlist, Add to Compare, Out of Stock Products. 15. Supported multi store website. 16. Supported Magento Community 2.0, 2.1, 2.2 NOTE: widget configuration setting only applicable on New product grid template. slider settings and show/hide options settings in widget configuration not applicable for New Products Images and Names Template. 3

4 CONFIGURATION SETTINGS Step-1 Go to admin STORES Configuration MAGEBEES New Products. Step-2 Click on Settings Tab. You will get Following Screen. 4

5 5

6 Step-3 Click on Slider Settings Tab. You will get Following Screen. 6

7 SETTINGS: Enabled: You can able to enable or disable this module from choosing Yes/No. Display heading: You can show/hide heading in frontend on choosing Yes/No. Heading: You can set your heading for new products. Add Slider For Product: On choosing yes slider will be display for new products. Number Of Items in Main Block: For set number of new products display in the block. Number Of Items per row in Main Block: For set number of new products per row. Products Per Page: You can set number of product per page using comma separated value.(ex. 9,15,30) New Products: You can choose products types like auto, manually selected or both. Select New Products Type: You can display all new products or display by categories. Use 'New from Date' and 'New to Date': On choosing yes,display products which are between New from Date and New to Date otherwise display new products by creation date of products. Product is new threshold: Set days from current date for display new products. Ex: If I set 5 in the product is new threshold then it will display new products which will be created in the last five days. Sort By: You can sort the new product list by price,position and name. Sort Order: You can change sort order of new products. Display Product Price: On choosing yes product price display for new products. Display Short Description: On choosing yes product description display for new products. Display Add to Cart: On choosing yes Add to Cart button display for new products. Display Add to Compare: On choosing yes Add to compare link display for new products. Display Add to Wishlist: On choosing yes Add to Wishlist link display for new products. Display Out of Stock Product: On choosing yes Out of Stock products display on new products. 7

8 SLIDER SETTINGS: Auto scroll products: Select yes for auto scroll products in slider. Show navigation arrow: On choosing yes navigation arrow will display in slider. 8

9 LAYOUT SETTINGS Step-1 Go to admin STORES Configuration MAGEBEES New Products. Step-2 Click on Default Package Code Tab. You will get Following Screen. 9

10 XML Code: Suppose you want to use XML Tag auto generated code of new products copy XML Tag and put it in your Theme XML layout Files [app/ design/frontend/<your package>/<your theme>/<your Module>/layout/]. For example we are putting XML Tag Block code in cms_index_index.xml file, so open Your theme cms_index_index.xml file and put following code under content area. Template Tag: If you want to display new products in any CMS page. Go to admin CONTENT Pages.It will display list of CMS pages. It will display following screen.click on Select link for CMS page.then click on Edit. 10

11 After click on Edit it display following screen. Open Content tab and put highlighted code in editor. 11

12 Call via Frontend Template File: If you want to display new products in your template file [.phtml]. You need to just paste this at any part of your template files. For example we put Template file code in list.phtml file. 12

13 MANAGE NEW PRODUCTS Auto: Display new products automatically based on configuration. Note: Make sure you selected Auto or Both option from New Products in configuration. Manually: Step-1 Go to admin PRODUCTS Inventory MageBees New Products. You will get the following screen. 13

14 Step-2 Click on button. You will get following screen. Step-3 Choose products using select checkbox and click on save data. button for Note: Make sure you selected Manually or Both option from New Products in configuration 14

15 Frontend Snapshots: Luma Package: 15

16 Go to admin STORES Configuration MAGEBEES New Products configuration.choose Yes for Add Slider For Product Option.You can see following screen. 16

17 CREATE NEW PRODUCTS WIDGET 1) Go to admin -> CONTENT ->Widgets. 2) Click on Add Widget Button 3) For the "Type" select "Magebees::New Products Widget". For the "Design Theme" select "Your package/your theme" and Click on Continue Button. You will get Following Screen: 4) Set Storefront Properties for widget: o Set Widget Title. (Ex- magebees_new) o Select the option for Assign to Store Views o Click on Add Layout Update Button. (Layout Updates Section) o For the "Display On" Select Your Choice Locations. Select "Container". If you want to display new product on left or right sidebar then select "Container" "Sidebar Main OR Sidebar Additional". You will get Following Screen. 17

18 5) Click on Widget Options Tab. (From left Navigations) You will get Following Screen 18

19 19

20 6) Save the widget after choose widget options. NOTE: widget configuration setting only applicable on New product grid template. slider settings and show/hide options settings in widget configuration not applicable for New Products Images and Names Template. You can also add widget from editor using Insert Widget. 20

21 FAQS Q-1: I have tried to install new product extension using terminal, but I am not able to install using command line, what are steps for custom installation of new product extension?? NOTE: Please contact us for install our module in your store. Q-2: How to manage manually new products storewise? Solution: Go to admin PRODUCTS Inventory MageBees New Products. You will get the following Screen. Click on Add New Product button.you will get following screen.you can select store as shown in following screen, Then You can choose product using select checkbox. After click on Save Products button for save data. 21

22 Q-3: I am getting error in console for magebeesnewproduct.js not found,how to solve this problem? Solution: 1. Go to admin -> SYSTEM-> Cache Management.You can see following screen. 2. Click on Flush JavaScript/Css Cache and Flush Static Files Cache Button 3. Refresh the page in Frontend. 22

23 Thank you! Do you need Extension Support? Please create support ticket for quick reply, Do you have any suggestions? Please contact us, 23