Overview:

The Vuetique theme is a Vue Storefront theme specifically designed for developers working with larger catalogs. It is built on the Tailwind CSS framework and is compatible with the latest version of Vue Storefront (1.11.2).

Features:

• Larger Catalog Support: Vuetique is optimized for working with stores that have extensive product catalogs.
• Based on Tailwind CSS: The theme takes advantage of the powerful Tailwind CSS framework for easy customization and flexibility.
• Image Hover Support: Vuetique includes functionality for image hover effects on product listings.

Installation:

To install the Vuetique theme, follow these steps:

1. Clone this theme into your Vue Storefront Theme root directory.
2. Open the config/local.json file in your Vue Storefront project root.
3. Update the theme key in the local.json file to your cloned theme directory (vuetique).

Example:

"theme": "vuetique"

To enable image hover functionality, you need to make some changes to the local.json file in your Vue Storefront project:

1. Add the "media_gallery" field to the following arrays:
   • productList.includeFields
   • productListWithChildren.includeFields

Summary:

The Vuetique theme is a Vue Storefront theme designed for developers working with large catalogs. It offers support for image hover effects and is based on the Tailwind CSS framework. Installation involves cloning the theme and updating the local.json file in the Vue Storefront project.