Fullscreen Cart for WooCommerce

Introduction

This documentation is help to you understand how to use the Fullscreen Cart for WooCommerce plugin effectively. Please read through the documentation carefully to learn how to make the most of this feature.

Prerequisites

To use the Fullscreen Cart for WooCommerce , you will need to have the WooCommerce plugin installed and activated on your WordPress website.

How to Install Fullscreen Cart for WooCommerce

Upload via WordPress Admin

Please log in to your WordPress admin dashboard. In the menu bar on the left, hover over the Plugins option. From the dropdown menu, click on Add New.

In the search bar on the Add Plugins page, type Fullscreen Cart for WooCommerce . Once you see the plugin in the search results, click the Install Now button. After the installation is complete, click the Activate button to enable the plugin.

Upload via FTP

If you want to upload the Fullscreen Cart for WooCommerce plugin via FTP, follow these steps:

  • 1. Download the Plugin: Start by downloading the Fullscreen Cart for WooCommerce plugin as a .zip file from its Get Plugin Zip link.
  • 2. Extract the Plugin: Extract the downloaded .zip file on your computer. This will create a folder containing the plugin files.
  • 3. Connect to Your Website via FTP: Open your preferred FTP client and connect to your website's server using your FTP credentials.
  • 4. Upload the Plugin: Drag and drop the extracted plugin folder from your computer into the /wp-content/plugins/ directory in the FTP client. Wait for the upload to complete.
  • 5. Activate the Plugin: Log in to your WordPress admin dashboard. Go to Plugins > Installed Plugins and click Activate to enable the plugin.

Necessary Plugins

WooCommerce

WooCommerce is a versatile and open-source e-commerce plugin for WordPress, designed to transform any WordPress website into a fully functional online store. Trusted by millions of online businesses worldwide, WooCommerce provides a seamless shopping experience with features like secure payment integration, customizable product pages, and inventory management. Its extensive library of extensions and themes makes it easy for businesses of all sizes to scale and tailor their stores to meet specific needs.

General Options

To add Fullscreen Cart for WooCommerce go to from WooCommerce > Settings > Fullscreen Cart

Cart Settings

  1. Cart Icon: Here, You can upload an image URL to display as the cart icon.
  2. Show Cart Item Total: Check this box to display the total number of items in the cart on the cart icon.

Products Settings

  1. Product Section Title: You can change the product section title text here.
  2. Product Categories: Select the product categories you want to display in the full-screen cart popup.
  3. Exclude Product: Enter the product IDs, separated by commas, that you want to exclude from the full-screen cart popup.
  4. Include Product: Enter the product IDs, separated by commas, that you want to include in the full-screen cart popup.
  5. Product Type: Select the type of products to display in the full-screen cart.
  6. Product Is: Choose whether the products displayed in the full-screen cart are on sale, regular, virtual, or downloadable.
  7. Number of Products: Set the number of products you want to display in the full-screen cart.
  8. Show Product Image: Check this box to enable or disable the display of product images in the full-screen cart.
  9. Show Product Description: Manage the display of product descriptions by enabling or disabling this option.
  10. Show Product Price: Manage the display of product prices by enabling or disabling this option.
  11. Buy Now Button Text: Set the text for the "Buy Now" button in the full-screen cart here.

Shopping Cart Settings

  1. Shopping Cart Section Title: Here You can set the text for the "Shopping Cart Section Title" in the full-screen cart here.
  2. Show Coupon Apply Form: Manage the display of Show Coupon Apply Form by enabling or disabling this option.
  3. Empty Cart Message: Here You can set the text for the "Empty Cart Message" in the full-screen cart here.
  4. Show Cart Button: Manage the display of "Show Cart" button by enabling or disabling this option.
  5. Go To Cart Button Text: Here You can set the text for the "Go To Cart" Button in the full-screen cart here.
  6. Show Checkout Button: Manage the display of "Show Checkout" Button by enabling or disabling this option.
  7. Checkout Button Text: Here You can set the text for the "Checkout Button" Button in the full-screen cart here.
  8. Calculate Shipping: Enable or disable the display of the "Calculate Shipping" form in the full-screen cart.
  9. Change Address Button Text: Set the text for the "Change Address" button in the full-screen cart.

Cart Icon Count Style

  1. Cart Icon Count Style: Manage the cart icon style, including height, width, and the color of the count number.
  2. Products Buy Now Button Style: Set the button color, background color, and hover color for the "Buy Now" button.
  3. Go to Cart Button Style: Customize the button color, background color, and hover color for the "Go to Cart" button.
  4. Go to Cart Checkout Button Style: Adjust the button color, background color, and hover color for the "Go to Checkout" button.
  5. Coupon Apply Button Style: Configure the button color, background color, and hover color for the "Apply Coupon" button.
  6. Change Address Button Style: Adjust the button color, background color, and hover color for the "Change Address Button" button.

Shortcode

You can use the [WCFC_Cart] shortcode to display the full-screen cart with the cart icon. Simply insert this shortcode into your page or post to showcase the full-screen cart functionality seamlessly.

[WCFC_Cart]

Guideline Video

Version History (Changelog)

You can view the Fullscreen Cart for WooCommerce plugin changelog and version history in the plugin's official documentation or on its WordPress plugin page. This includes detailed information about updates, new features, bug fixes, and version releases.

Changelog


                                        -----------------------------------------------------------------------------------------
                                        Version 1.0.0 - Jan 11th, 2025
                                        -----------------------------------------------------------------------------------------

                                        - Initial release of the plugin. Upgrade to enjoy a seamless product comparison experience on your WooCommerce store.

Copyright and license

Code released under the Jthemes Studio.

For more information about copyright and license check jthemes.com.