Eyeva Sofas Block - Our Policies Widget¶

Description¶

The Eyeva Sofas Block Our Policies Widget displays store policies (shipping, returns, warranty, etc.) in an attractive layout, designed for sofa/furniture themes.

Page Builder Name: Our Policies Block | PapaThemes Eyeva Sofas

Version: 1.0.0

Features¶

• ✅ Policy icons with text
• ✅ Responsive grid layout
• ✅ Inline content editing
• ✅ SCSS styling
• ✅ Customizable colors

How to Use¶

1. Add Widget¶

1. Open Page Builder
2. Drag Our Policies Block | PapaThemes Eyeva Sofas widget to the page
3. Widget displays with default policies

2. Configuration¶

Policy Items¶

Policy Structure¶

<div class="eyeva-sofas-policies">
    <div class="policy-grid">
        <div class="policy-item">
            <div class="policy-icon">
                <svg>...</svg>
            </div>
            <h3 class="policy-title">Free Shipping</h3>
            <p class="policy-desc">On orders over $500</p>
        </div>
        <!-- More items -->
    </div>
</div>

Common Policies¶

Shipping¶

Icon: Truck
Title: Free Shipping
Description: Free delivery on orders over $500

Returns¶

Icon: Return Arrow
Title: Easy Returns
Description: 30-day hassle-free returns

Warranty¶

Icon: Shield
Title: Warranty
Description: 5-year manufacturer warranty

Support¶

Icon: Headset
Title: 24/7 Support
Description: Contact us anytime

Secure Payment¶

Icon: Lock
Title: Secure Payment
Description: 100% secure checkout

Quality¶

Icon: Star
Title: Premium Quality
Description: Handcrafted furniture

Styling¶

Widget uses SCSS:

.eyeva-sofas-policies {
    padding: 60px 0;
    background: var(--policy-bg, #f8f9fa);

    .policy-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 30px;

        @media (max-width: 800px) {
            grid-template-columns: repeat(2, 1fr);
        }

        @media (max-width: 550px) {
            grid-template-columns: 1fr;
        }
    }

    .policy-item {
        text-align: center;
        padding: 20px;
    }

    .policy-icon {
        width: 60px;
        height: 60px;
        margin: 0 auto 15px;
    }
}

Responsive Layout¶

Inline Editing¶

1. Enable Edit Mode
2. Click on policy item
3. Edit:
4. Title
5. Description
6. Icon
7. Save changes

Best Practices¶

Content¶

• Keep titles short (2-3 words)
• Concise descriptions (1 line)
• Use consistent icon style

Design¶

• Maintain visual hierarchy
• Consistent spacing
• Brand-aligned colors

UX¶

• Most important policies first
• Clear, scannable layout
• Optional links for details

Usage Examples¶

Furniture Store¶

1. Free Shipping - On orders over $500
2. Easy Returns - 30-day return policy
3. 5-Year Warranty - Full coverage
4. White Glove Delivery - Setup included

General Store¶

1. Free Shipping - Orders over $50
2. Fast Delivery - 2-3 business days
3. Secure Payment - SSL encrypted
4. Customer Support - 24/7 available

Notes¶

1. Number of items: 4-6 is optimal
2. Icons: Use clear, recognizable icons
3. Text length: Keep short and concise
4. Mobile: Test layout on phone
5. Consistency: Style consistent with theme