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.
// Show Quick View text
span.sqs-product-quick-view-button {
opacity: 1 !important;
}
Step 2
The quick view button is now visible, rather than on mouse over.
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.
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.
