Home Frequently Asked Questions (FAQ) How to customize option appearance on product page?

How to customize option appearance on product page?

Last updated on Nov 18, 2024

Our app provides an easy-to-use visual template editor that allows you to customize the appearance of product options on your product pages. With this feature, you can tailor the way different product options look, ensuring a unique and branded shopping experience for your customers.

You can create different templates for each product group, meaning that you can set distinct styles for options across various types of products. This flexibility ensures that each product's options can be customized to match its specific attributes, whether it's a button, color swatch, image swatch, or dropdown.

4 Types of Option Templates

  1. Button
    This template displays product options as clickable buttons. It’s ideal for options that need to be easily selected, like different product styles, materials, or other attributes.

  2. Color Swatch
    Color Swatch templates are perfect for showcasing color variants of a product. Instead of listing options as text, this template uses visual color samples, allowing customers to see exactly what each color looks like.

  3. Image Swatch
    If you have products with multiple images for each variant (such as different designs or textures), the Image Swatch template allows you to display a visual preview of each variant through images. This makes it easy for customers to view product variations before selecting.

  4. Dropdown
    The Dropdown template displays product options in a list format. This is ideal for products with many variants or when you prefer to save space on the page. Customers can select an option from a drop-down menu.