ET Woo Quick View Plugin Documentation

Table of Contents

  • Introduction
  • Getting Started
    • 2.1 Installation
      • 2.1.1 Prerequisites
      • 2.1.2 Installing the Plugin
    • 2.2 Accessing the Plugin
  • General Settings
    • 3.1 Enable Quick View
    • 3.2 Enable Admin Mode
    • 3.3 Hide On Mobile
    • 3.4 Customize Quick View Button
    • 3.5 Customize Modal Settings
    • 3.6 Choose Quick View Modal Elements
  • Appearance Customization
    • 4.1 Quick View Button Styling
    • 4.2 Modal Box Styling
    • 4.3 Modal Content Styling
    • 4.4 Custom Button Styling
  • Save and Reset
  • Conclusion

1. Introduction

Welcome to the documentation for the “ET Woo Quick View” plugin. This plugin enhances your WooCommerce store by making it easier for your customers to view product details without navigating to separate product pages. This guide will walk you through everything you need to know about installing and customizing the plugin.

2. Getting Started

2.1 Installation

2.1.1 Prerequisites

Before installing the “ET Woo Quick View” plugin, make sure you have the following:

  • WordPress: Ensure that you have WordPress up and running on your website.
  • WooCommerce Plugin: The “ET Woo Quick View” plugin is an add-on for WooCommerce, so you should have WooCommerce installed and activated.

2.1.2 Installing the Plugin

Follow these steps to install the plugin:

  • Log in to your WordPress admin panel.
  • Go to “Plugins” in the left-hand menu in the WordPress dashboard.
  • Click “Add New.”
  • Search for “ET Woo Quick View” in the search bar and press Enter.
  • Find the plugin in the search results and click “Install Now.” Once installed, click “Activate” to enable the plugin.

2.2 Accessing the Plugin

You can access the “ET Woo Quick View” plugin from your WordPress Dashboard Menu.

3. General Settings

3.1 Enable Quick View

Purpose: This setting lets you turn the Quick View feature on or off. When enabled, customers can use the Quick View button to see product details.

3.2 Enable Admin Mode

Purpose: This setting lets you control whether the Quick View button is visible to admin users only. Useful for testing and previewing.

3.3 Hide On Mobile

Purpose: Decide whether to hide the Quick View button on mobile devices if it doesn’t fit your site’s design.

3.4 Customize Quick View Button

  • Button Label: Change the text on the Quick View button to match your store’s style.
  • Button Position: Choose where the Quick View button appears in relation to the Cart button.
  • Select Icon: Add an icon next to the Quick View button for visual appeal.

3.5 Customize Modal Settings

  • Custom Button: Decide if you want to include a custom button within the Pop-Up Modal. Customize its label, link, and whether it opens in a new tab.

3.6 Choose Quick View Modal Elements

  • Tailor the Quick View Modal to your needs by enabling or disabling elements like Product Title, Price, Rating, Description, Image, Sales Badge, Gallery, Add to Cart, Category, SKU, or metadata.

4. Appearance Customization

4.1 Quick View Button Styling

Customize the Quick View button’s appearance:

  • Button Color
  • Hover Color
  • Background Color
  • Hover Background Color
  • Border Color Options for Top, Right, Bottom, Left
  • Border Color
  • Border Hover Color
  • Border Radius
  • Button Padding
  • Button Margin

4.2 Modal Box Styling

Personalize the Modal Box’s look:

  • Modal Background Color
  • Modal Padding
  • Modal Radius

4.3 Modal Content Styling

  • Title Color
  • Title Font Size
  • Title Line Height
  • Price Color
  • Price Font Size
  • Rating Color
  • Description Color
  • Description Font Size
  • Add To Cart Button Color
  • Button Border Width
  • Button Border Color
  • Button Border Radius
  • Button Padding
  • Button Margin

4.4 Custom Button Styling

Fine-tune the appearance of the Custom Button:

  • Button Color
  • Border Width
  • Border Color
  • Border Radius
  • Button Padding
  • Button Margin

5. Save and Reset

The General Tab and Appearance Tabs include “Save Settings” and “Reset” buttons, allowing you to apply or revert your changes as needed.

6. Conclusion

Congratulations! You’ve successfully learned how to use and customize the “ET Woo Quick View” plugin. It enhances the shopping experience on your WooCommerce store, making it easier for customers to explore and purchase products. Feel free to reach out if you have any questions or need further assistance.

This documentation provides a clear and simple guide to using and customizing the “ET Woo Quick View” plugin. If you have any further questions or require additional assistance, please don’t hesitate to contact us.

 

Leave a Reply

Your email address will not be published. Required fields are marked *

Days
Hours
Minutes
Seconds