Primitus Consultancy

View Original

How to always show Quick View button

This quick tutorial will guide you on how to ensure the "Quick View" button is always visible. This tutorial is specifically designed for Squarespace 7.1.

There are several reasons why you might want the "Quick View" button to always be visible to your clients, such as:

Improves User Experience (UX): Provides quick access to product details without leaving the page.

Increases Engagement: Encourages users to explore more products easily.

Boosts Conversions: Simplifies the purchase process and encourages impulse buys.

Enhances Accessibility: Offers consistent, clear navigation, especially helpful for mobile users.

Supports Marketing: Can highlight promotions or key features directly on the button.

Reduces Page Load Stress: Avoids full page reloads, improving site performance.

Competitive Advantage: Meets modern e-commerce expectations and attracts users.

Encourages Return Visits: Creates a positive, seamless shopping experience that fosters loyalty.

Simplifies Product Comparison: Makes it easier for customers to compare multiple items.

Complexity: Easy


Step 1

Copy the code below and from the Squarespace dashboard navigate to Pages > Webtools > Custom CSS and paste the code.

See this content in the original post

Step 2

The quick view button is now visible, rather than on mouse over.


See this form in the original post

Conclusion

By ensuring the "Quick View" button is always visible, you can enhance the overall shopping experience for your clients, making it more convenient, engaging, and user-friendly. This simple adjustment not only streamlines product exploration but also encourages conversions and fosters customer satisfaction. Implementing this feature in Squarespace 7.1 ensures your store stays competitive and aligned with modern e-commerce expectations.


If you have any questions or need any help with your Squarespace website design, you can book a 1:1 consultation.

See this gallery in the original post

All work in this guide is provided ?“AS IS”. Other than as provided in this agreement, this guide makes no other warranties, express or implied, and hereby disclaims all implied warranties, including any warranty of fitness for a particular purpose.

If you require professional advice, we recommend that you purchase the services of a developer.

See this gallery in the original post