Xg Product Slider

Woocommerce Product slider for Wordpress by Xgenious

 

  1. Plugin Installation
  2. Create Team Slider
  3. General Settings
  4. Slider Settings
  5. Styling Settings
  6. Typhography Settings
  7. Quick View Settings
  8. Wishlist Settings
  9. Upsells Slider Settings
  10. Help Center
  11. Import Demo Content

 

 

Plugin Installation

  1. Unzip the donwloaded zip file
  2. Inside the zip file you find an folder named main-file here you find another zip file named xg-product.zip.
  3. Log-in to your WordPress site
  4. Navigate to the Plugins Menu > Click Add New > Click the Upload link
  5. Click Choose File > Locate the "xg-product.zip" file > Click Install Now
  6. Click Activate Plugin

Create Product Slider

  1. Log-in to your WordPress site
  2. Nivigate Xg Product Form left side and clcik All slider then click Add new slider

General Settings For Slider

1. Slider Type : Select slider type is category wise slider or product slider from all category
2. Slider Theme : Select slider theme there has 15 slider theme and more cooming soon
3. Product Type : Select product which kind of product you want to show in slider
4. Number Of Column In Slider In Desktop : Set Number Of Column In Slider In Desktop .
5. Number Of Column In Slider In Tablet : Set Number Of Column In Slider In tablet .
6. Number Of Column In Slider In Mobile : Set Number Of Column In Slider In Mobile .
7. Total Product : Enter how many item you want it slider . enter -1 for unlimited product.
8. Badge / Ribbon : Enable or Disable Ribon or badge .
9. Enter Badge/Ribbon text : Enter badge/ribbon text to show as a badge in each item of slider .
10. Order By : Select order by for slider from dropdown .
11. Order : Select order for slider from dropdown.

Slider Settings

1. Auto play : Enable / disable for autoplay
2. Autoplay Speed : Enter autoplay speed . cunted as miliseconds
3. Product Type : Select product which kind of product you want to show in slider
4. Margin : Enter margin for slider. enter only number don't need to enter px.
5. Pause On Hover : Enable / disable pause on hover .
6. Navigation : Navigation Enable / disable slider navigation.
7. Loop : Enable / disable slider loop.
8. Center Mode : Enable / disable slider loop.
9. Animate In : select animation for slider in.
10. Animate Out : select animation for slider out .
11. Pagination Dots : Enable / disable slider pagination.
12. Navigation Background Color : Select navigation background color.
13. Navigation Background Hover Color : Select Navigation Background Hover Color.
14. Navigation Color : Select Navigation Color.
15. Navigation Hover Color : Select Navigation Hover Color.
16. Pagination Dots Color : Select Pagination Dots Color.
17. Pagination Dots Active Color : Select Pagination Dots Active Color.

Styling Settings

1. Title Color : Change title color from here
2. Title Hover Color : Change title hover color from here
3. Price Color : Change price color from here
4. Discount Price Color : Change discount price color from here.
5. Badge Color : Change badge/ribbon color from here.
6. Badge Background Color : Change badge/ribbon background color from here.
7. Rating Color : Change rating color from here.
8. Icon Color : Change icon color from here.
9. Icon Background Color : Change Icon Background Color.
10. Icon Border Color : Change icon border color from here.
11. Icon Hover Color : Change icon hover color from here.
12. Icon Hover Background Color : Change icon hover background color from here.
13. Icon Hover Border Color : Change icon hover border color from here.
14. Button Color : Change button color from here.
15. Button Hover Color : Change button hover color from here.
16. Button Background Color : Change button background color from here.
17. Button Hover Background Color : Change button hover background color from here.

Typhography Settings

1. Ribbon/Badge Font Size : Change ribbon font size from here
2. Title Font Size : Change title font size from here
3. Price Font Size : Change price font size from here
4. Rating Font Size : Change rating font size from here.
5. Icon Font Size : Change icon font size from here.
6. Button Font Size : Change button font size from here.

Quick View Settings

Quick View Typhography Settings

1. Title Font Size : You can change quick view modal product title font size from here
2. Price Font Size : You can change quick view modal product Price font size from here
3. Description Font Size : You can change quick view modal product Description font size from here
4. Button Font Size : You can change quick view modal product add to cart button font size from here.
5. Meta Font Size : You can change quick view modal product meta font size from here.
6. Tag Font Size : You can change quick view modal product tag font size from here.

Quick View Styling Settings

1. Title Color : You can change quick view modal product title color from here
2. Price Color : You can change quick view modal product price color from here
3. Discount Price Color : You can change quick view modal product discount price color from here
4. Description Color : You can change quick view modal product description color from here.
5. Button Color : You can change quick view modal product button color from here.
6. Button Background Color : You can change quick view modal product button background color from here.
7. Button Hover Color : You can change quick view modal product button hover color from here.
8. Button Hover Background Color : You can change quick view modal product button hover background color from here.
9. Meta Color : You can change quick view modal product meta color from here.
10. Meta Hover Color : You can change quick view modal product meta hover color from here.
11. Close Button Background Color : You can change quick view modal product close button background color from here.
12. Close Button Color : You can change quick view modal product close button color from here.
13. Close Button Hover Background Color : You can change quick view modal product close button hove background color from here.
14. Close Button Hover Color : You can change quick view modal product close button hove color from here.
15. Tag Color : You can change quick view modal product tag color from here.
16. Tag Background Color : You can change quick view modal product tag background color from here.
17. Tag Border Color : You can change quick view modal product tag border color from here.

Wishlist Settings

wishlist general Settings

1. Default Wishlist Title : You can change wishlist page default title from here
2. Select Wishlist Page : You can select wishlist page from here. for page content use this shortcode [xgp-wishlist-content]
3. Browse Wishlist Text : You can change browse wishlist text from here
4. Already In Wishlist Text : You can change already in wishlist text from here.
5. Added In Wishlist Text : You can change added in wishlist text from here.

wishlist Typhography Settings

1. Page Title Font Size : You can change wishlist page title font size from here
2. Table Header Font Size : You can change wishlist page table header font size from here
3. Product Title Font Size : You can change wishlist page product title font size from here
4. Product Image Width: You can change wishlist page product image width from here.
5. Product Price Font Size : You can change wishlist page product price font size from here
6. Product Stock Font Size : You can change wishlist page product stock font size from here
7. Product Date Added Font Size : You can change wishlist page product stock font size from here
8. Product Button Font Size : You can change wishlist page product button font size from here
9. Success / Removed Notification Font Size : You can change wishlist page product notification font size from here

wishlist Styling Settings

1. Page Title Color : You can change wishlist page title color from here
2. Table Header Title Color : You can change wishlist table header title color from here
3. Product Title Color : You can change wishlist product title color from here
4. Product Price Color: You can change wishlist product price color from here.
5. Product Discount Price Color : You can change wishlist product price discount color from here
6. Product In Stock Color : You can change wishlist product in stock color from here
7. Product Out Of Stock Color : You can change wishlist product out of stock color from here
8. Product Added Date In Wishlist Color : You can change wishlist product added date in wishlist color from here
9. Add To Cart Button Color : You can change wishlist add to cart button color from here
9. Add To Cart Button Background Color : You can change wishlist add to cart button background color from here
9. Add To Cart Button Hover Background Color : You can change wishlist add to cart button background hover color from here
9. Add To Cart Button Hover Color : You can change wishlist add to cart button hover color from here
9. Success Notification Color : You can change wishlist success notification color from here
9. Success Notification Background Color : You can change wishlist success notification background color from here
9. Remove Notification Background Color : You can change wishlist remove notification background color from here
9. Remove Notification Color : You can change wishlist remove notification color from here

Upsells Settings

1. Disable Default Upsells Show : enable / disable show default upsells product in single page
2. Select Upsells Slider: Select Upsells slider shortcode for displaying upsells product slider in single page

Help Center

Import Demo Content

To import the demo content as seen on the demo site , please see the following instructions.

  1. Log-in to your WordPress admin - Goto Tools ->Import ->Select WordPress.
  2. If required, download and active the WordPresss Importer plugin. Once activated you may need to repeat steps above.
  3. Locate and select the documentation/demo/xgproduct.slider.xml and for demo product xgproduct.xml -> click the Upload File and Import button.
  4. Assign admin user to an existing user. e.g. admin ->select Download and Import file attachments.

Once again, thank you so much for purchasing this extension. As I said at the beginning, I'd be glad to help you if you have any questions relating to this extension and I'll do my best to assist. If you have any question you can send an e-mail via the profile page.

Regards
Xgenious