Common Guide

FAQs

Common Guide

FAQs

on Feb 16, 2024

1. How to show color swatches? Color swatches is a feature which allows admin to show products’ color variants as swatches on product cards and product information sections.  How to set up color swatches First, go to Theme settings > Product swatches  On configuration "Swatches type on product card" > select Color Fill in the name of the product option that you've set as color variant in all existing languages in Color option name. For example, in the product detail page you have the “Color” option as color variants https://i.imgur.com/whKOjOI.png, fill “Color" into the Color option name field. If your site uses multiple languages and the option name is different for each language, input names in all languages in the field (e.g. “Colour” for French, “Farbe” for German…). After Step 3, Shopify by default provides the basic colors to show as swatches (e.g. Blue, Black…). In case the product's colors are different from those basic colors, the color swatch will be shown as blank swatch. To cover this, Eurus enables merchants to have all ranges of colors to be color swatches. In the Color swatch values field, input values based on this format: <option value>:<color code> For example, you have the colors: Azul, Rosado, Beige, Fucsia You need to fill in: Azul:#A3D1ED Rosado:#E4C6C7 Beige:#E0CEB8 Fucsia:#B85996 Especially, we also support custom images to be color swatches. Simply go to Content > Files and upload the color swatch image(s). Then in Theme editor > Theme settings > Product swatches > Color swatch values, input values based on this format: <option value>:<image name>, with <image name> being the name of the image file you have uploaded to Content > Files. For example: Azul:azul-image.png Rosado:rosado-color.jpg How to show color swatches on product cards After having finished the setup above, check the checkbox Enable on product cards. Color swatches will then be enabled on all product cards on all pages and sections.  How to show color swatches on product page and product information sections To enable color swatches on each of the product section/page, go to the section/page and look for the Enable color swatches checkbox in the section’s setting (e.g.in Product page). 2. How to set up mega menus? Mega menu is the type of drop-down menu that can display multiple levels of links, images, or other content in a large and organized layout.  Eurus designs a powerful, 4-level mega menu to serve large catalogs stores for a captivating navigation. Under Header section, there are 6 types of menu blocks for merchants to select https://i.imgur.com/PqY3hgc.png: Tabbed menu: Show submenu in vertical or horizontal tabs (e.g. https://i.imgur.com/R2uCi8U.png) Tree menu: Show items in classical tree menu (e.g. https://i.imgur.com/aFND9Te.png) Banner menu: Show up to 3 banners inside a menu item (e.g. https://i.imgur.com/P15YaJM.jpg) Product menu: Show product cards inside a menu item (e.g. https://i.imgur.com/l0pDk3N.png) Blog menu: Show blog posts inside a menu item (e.g. https://i.imgur.com/GXqyzcF.png) Contact menu: Show a contact form together with contact information, google map inside a menu item (e.g. https://i.imgur.com/tP6YcRb.png) Especially, merchants can add up to 4 levels of menu, instead of the default Shopify maximum of 3 levels. For details of how to setup menu, please refer to our video guide here. 3. How to remove “Powered by Shopify”? Go to Theme editor > Footer > untick the Show "Powered by Shopify" text setting https://imgur.com/Vadf86J.  4. How can customers leave reviews for my products? Please be noted that themes cannot allow customer reviews out of the box, so merchants will need to install a review app. Our theme has been compatible with the Judge.me Product Review app, which also provides a free subscription plan. 5. How to add product labels to products? Product labels are labels added on top of the product cards and on the product page, showing key information, ongoing promotions to help customers quickly identify products. To add labels and badges to the products, go to Theme editor > Overlay group > Product labels and badges > Add a label block. On clicking on the Product labels and badges section, a preview product cards will be displayed in Theme editor, including all label blocks added in the section https://i.imgur.com/Ac4pfk6.png. There are 4 types of labels merchants can add into a product cards: Sale label: automatically displayed for products on sale Sold out label: automatically displayed for products out of stock Image label: allow uploading an image to be label Text label: normal text label For more details of how to set up product labels, please refer to our video guide.

Product Bundle

Common Guide

Product Bundle

on Feb 05, 2024

What is a Product bundle? Overview: Product Bundle is a feature in Eurus Theme allowing you to group and offer multiple products together as a single package. This simplifies the shopping process and provides benefits for both merchants and customers. Basic Use Cases: Convenient Sets: Bundle products with a common purpose or belonging to the same set, offering customers a convenient one-click purchase for related items. Discounted Groups: Create discounts for a group of products by bundling them together. This strategy encourages customers to buy multiple items, boosting overall sales. B2B Bulk Orders: Ideal for B2B stores, enable bulk purchases by creating bundles. This streamlines the bulk ordering process, catering to wholesale transactions efficiently. How to set up bundles? In the Theme editor, navigate to Theme sections, select your desired page, and under the "Template" section group, add the Product Bundle section to your preferred location. a) Heading and Button Label: With product bundle section of Eurus theme, you can: Add a compelling heading to your bundle, adjusting its size from 50% to 200%. Align the heading as per your preference – left, center, or right. Include descriptive text below the heading to provide additional context. Tailor the "Add to Bundle" button label with the content you desire. b) Product Selection for the Bundle: Admin can choose products to display in the bundle. Options include selecting from a collection or hand-picking individual products, whether they belong to a set or complement each other. If you select both individual products and collections, the individually selected products will override any chosen collections. Refer to detailed instructions provided below each configuration option for clarity on selecting collections or products. For the checkbox "Each product can be added to bundle once": Yes (Default):  Each product can only be added to the bundle once. If product A has variants B,C,D and E, you can add only 1 variant B or C, D, E,... to the bundle. After adding it, the "Add to bundle" button will be disabled. No: Each product can be added to the bundle multiple times through its variants. For example, if product A has variants B and C, you can add B to the bundle and then add C, D, E, etc. (You cannot add B again; when a customer selects option B, the "Add to bundle" button will be disabled). c) Bundle Summary Block: Admin can adjust the desktop summary position (left/right) for optimal visual placement. This bundle block summary will be displayed as a sticky element on mobile devices. You also can input a bundle heading and additional text to provide context and information. After that, choose colors for backgrounds, text, buttons, lines, and borders,... for both light and dark theme mode. d) Styles and Layout: Adjust layouts for desktop and mobile to make your bundle visually appealing. How to apply a discount for a bundle? a) Set up Discounts in Shopify Admin: Create a discount for 'Amount off products' and select the 'Automatic discount' method. (Product Bundle Section only applies to this Discount type) Apply only one discount per order and avoid combining it with other discounts, regardless of whether they are of the same or different types. For config 'Applies to': Select the products or collections to which you want to apply the discount in the product bundle. b) Set up in Product Bundle Section: Ensure that the products/collection listed in the Product bundle section are included in the 'Applies to' list of items in the Shopify discount rule. Adjust the minimum number of items required in the bundle to qualify for discounts, ranging from 2 to 12. Ensure that all discount configurations, such as discount value and type, match those set in the Discount rule under Admin > Discounts > Amount off products. Any discrepancy may cause confusion among customers. In Config Discount value of Discount type, there are 2 cases: For percentage, decimal numbers are not allowed; only positive integers are allowed; For Fixed amount, both decimal and non-decimal numbers are accepted. In both cases, the value must be greater than 0. Configure the discount setup to align with the "Only apply discount once per order" setting in the preferred discount rule in the admin. If disabled, the discount amount will be deducted from each eligible item in the order - same logic as admin Discount section. Limitations When setting up, store owners must ensure that the products or collections listed in the Product bundle section are included in the 'Applies to' list of items in the Shopify discount rule. Verify that the Config “Discount value” of the “Discount type” is accurately entered in the admin. Please note that the discount in the product bundle section won't apply automatically; it merely displays the discounted price for multiple products simultaneously, without going to the cart page.

Customizable options

Common Guide

Customizable options

on Feb 04, 2024

What are customizable options? You can elevate your product customization with Eurus' unique Customizable Options feature. Unlike Shopify's default settings, each product is restricted to a maximum of 3 options to create variants. Additionally, these options are limited to the select format. Eurus enables admins to add multiple Customizable Option blocks to a single product. You can create a personalized shopping experience by selecting the type and quantity of Customizable Option blocks for each product. Details gathered through Customizable Options integrate into the cart, checkout, and order processes, ensuring a seamless transaction experience. Eurus stands out as the only theme offering such extensive Customizable Options. Say goodbye to the need for additional Shopify apps! Types of customizable options Here are the types of customizable options in Eurus theme - Text: Allow customers to input custom text information about the product. Ideal for adding personalized text, such as engraving messages or custom labels. Text Options include: Text field Text editor - Select: Enable customers to choose from a list of options. Perfect for product configurations with a single-choice or multiple selection, like size or material. Select Options include: Checkbox Dropdown Radio button - File Upload: Permit customers to upload files. Useful for products where customers can provide specific files or images, such as custom designs or personal photos.- Swatches: Display color or text swatches for customers to select from. Swatches Option include: Color swatch Text swatch - Color Picker: Enable customers to pick a color using a color picker tool. Essential for products with color variations, allowing customers to visualize and choose their preferred color.- Date & Time: Allow customers to select a date, time, or both for a product. Commonly used for event-related products or services where customers need to specify a date or time. Conclusion:The customizable options feature in Eurus theme offer a diverse range of choices to enhance the shopping experience for customers. This flexibility empowers admin to create engaging and personalized product offerings, ultimately enriching the overall shopping experience for customers. How to set up customizable options? Open the theme editor and navigate to the "Theme Sections”. In the "Product Information" section, add the "Customizable Options" block. Select the option type that best suits the customization needs of your product. In the "Option Name" configuration, provide a unique name for the customization option. Check the "Mark as Required" box if customers must select the customizable option in order to add the product to cart and checkout. You can also add a note or explanation for text options, select options, and file upload. Then, set up based on the chosen option type: Text options:  Apply to Text type options such as Text field and Text editor. Input the maximum number of characters required in the "Maximum character length" field. This is only applicable if the option is required. Result: Select options:  Apply to Checkbox, Dropdown, and Radio button options. Input values for Select type options in the "Option values" field, separated by a semicolon (e.g., Polo;V-Neck;Boat Neck). You can also set minimum/maximum values required to be selected, applicable only for Checkbox when the option is required. Result:   File upload:  Customers can upload a file in the "drop your file here, or browse" field (max file size 5MB). Result: Swatches:  Input values for text swatch or color swatch options here. Each value should be on one line. For color swatch, input in 'option name:color code' format (e.g., White:#FFFFFF). You can select swatch style (round/squared), only applicable to color swatch and color picker options. Result: Date & Time:  Admins can set up the earliest/latest allowed date. Users are only allowed to pick a date & time within this specified range. (Date format: YYYY-MM-DD). Result: Limitations While this feature in Eurus Theme significantly enhances the product personalization experience, it's important to note a limitation: Customizable Options do not make any change to product prices and do not support the individual tracking of inventory for each customization option. Our team is actively researching and developing solutions to address this limitation, providing a more comprehensive inventory tracking feature.

Styling

Common Guide

Styling

on Jan 31, 2024

Set up colors in section You could set up color for the elements in the section with the Styles configuration group. (Note: Styles configuration at Slideshow section) The Styles configuration has a Color palette which lets you select the colors for the elements in the section, usually including: text, button, and background. The number of elements that you can customize will vary depending on the section.   (Note: Color configurations for Title card at Featured Collections section) Some sections also have the option to configure the colors of each element separately for both light and dark modes.  For example: in Flash Sale section  Note: The color/styles configuration in a section will override the color configuration in the theme settings. If you leave the color configuration in the section blank, then the color of each element will be determined by the theme settings.

Section Layout

Common Guide

Section Layout

on Jan 31, 2024

This guide will show you how to customize the section layout of your online store using the Eurus Theme. The section layout determines how the content of each section is displayed on different devices, such as desktop and mobile. You can also adjust the width and the divider of each section to create a unique and engaging look for your store. This section layout could be divided into Desktop Layout and Mobile Layout Desktop Layout The desktop layout controls how the section content is displayed on desktop devices, such as laptops and PCs. Mobile Layout The mobile layout controls how the section content is displayed on mobile devices, such as smartphones and tablets. Basically, the mobile layout settings include the same options as the desktop layout settings. For example: The Desktop layout and Mobile Layout at Header section Slideshow section:   Here’s how to configure it:  Steps: Go to Theme editor In the left sidebar, click on the section you want to modify (e.g., “Header,” “Slideshow,” “Collection list”, etc.). Adjust the Desktop Layout configuration Preview and Save Make section full width If you want to make a section full page width, you need to choose the Full page width option for the section width in both the desktop and mobile layout settings. This will make the section content span the entire width of the screen on both devices. Some sections have the Make section full width setting displayed in both the Desktop and the Mobile tabs. This means that you can configure this setting separately for each device. For example: Make section full width at Header section:   At Featured collections section:   At Promotion Banner section: Show Section Divider If you want to show a section divider, you need to enable the Show section divider checkbox in the theme editor. This will add a thin horizontal line above the section heading, separating it from the section above. For example: Show section divider at Header section:   At Logo list section:

Advanced - Related Collections

Common Guide

Advanced - Related Collections

on Jan 31, 2024

What are related collections? Related Collections is a unique section in Eurus, providing smart suggestions on your collection pages. They are added to collection pages by default, but you can also remove or hide them if needed. This section is exclusively available for addition to collection pages, intelligently displaying collections that either share common products or are manually set up by the admin. This feature aims to boost promotions, increase customer engagement, and conveniently guide users to discover relevant product assortments within your online store. How does Eurus Theme's smart collection suggestion work? The collections displayed in the Related Collection section are gathered from all the collections that the products on the current page belong to, except for the collection of the current page itself. In simpler terms, if a product is linked to multiple collections, those collections (except the one of the current page) will be suggested in the Related Collection section. This ensures that customers receive recommendations based on shared products, providing a convenient and engaging browsing experience. Example: Let's consider a collection called "Makeup" that contains three products: Lipstick A, B, C Lipstick A also belongs to the "Lipstick" collection. Lipstick B also belongs to the "Eyes & Lips" collection. Lipstick C also belongs to the "New Arrivals" collection. In the Related Collection section within the Makeup collection page, you would find three suggested collections: "Lipstick," "Eyes & Lips," and "New Arrivals." These suggestions are derived from the shared collections of products within the Makeup collection, excluding the Makeup collection itself. [Advanced] Add related collections manually for each collection page If you want to manage related collections for a specific collection or the entire collection of your store, set up metafields following the instructions below: Step 1: Create a Collection Metafield Navigate to your Shopify admin. In the left-hand menu, go to "Settings" and select "Custom data." Select “Collection” then click on "Add definition" to create a new metafield. Set the key as "related_collections" and choose the type as "Collection (List of collections)". The key must be accurate; otherwise, the metafield may not display as intended. Save the metafield definition. Step 2: Assign Collections to the Metafield Go to the Collections section in your Shopify admin. Edit each collection page (or bulk edit)  where you want to showcase related collections using metafield. Look for the newly created metafield "related_collections." Select the collections you want to display in the Related Collections section. Save the changes for each collection. Note: If no metafield data is found, the theme detects the related collections automatically based on the collections of the product in the current collection (follow the rules in the above part: How does Eurus Theme's smart collection suggestion work?) For more details, please refer to our video guide. Conclusion: By following these steps, you've successfully created a metafield to manage related collections. Now, whenever you edit a collection page, you can handpick the collections you want to feature in the Related Collection section. This provides a customized and curated experience for your customers, enhancing their journey on your online store.

Product labels & badges

Common Guide

Product labels & badges

on Jan 26, 2024

What are labels and badges? Product labels and badges in the Eurus Theme are visual indicators added on product cards and product pages, presenting key information and ongoing promotions. These labels aim to assist customers in quickly identifying important details about the products. Types of product labels and badges in Eurus theme: There are 4 types of labels available in the Eurus Theme, each serving a specific purpose: Sale Label: Automatically displayed for products currently on sale. Sold Out Label: Automatically displayed for products that are out of stock. Image Label: Allows the upload of custom images to be used as labels. Text Label: A customizable text input for various purposes.  How to set up labels and badges? 1.Setting up all types of labels and badges: To configure labels, navigate to Theme editor > Overlay group > Product labels and badges > Add a label block. Key setup features include: Content:  Admin can add content to the label by inputting text into the content field and selecting an icon in the Icon configuration. In addition to text, admin can also use the following codes in the content: {sale} for the discount percentage. {sale_amount} for the discount amount. {qty} for the total quantity in inventory. <br /> to insert a line break. <b>your content</b> for bold text. Sale label automatically displays on all discounted products (The products are set “Compared at price”). For example: You use the code Save {sale} for the sale label. The product “Solid Wood Side Table” is 25$ for price and 30$ for “Compared at price” (discount 17%). Using the {sale} variable in the content will lead to this  result on the storefront’s sale label: Example Content: "20% off today only!" Result: OrExample Content: "Hurry! Only 15 items left in stock" Result: Icon Configuration: Choose an icon from our 21 premade icons, or choose None to display no icon. Admin also can custom icon (SVG code). Display Options: Define where each label appears on the product card, with options to place it in the top left, top right, bottom left, bottom right, or using a custom position. Additionally, admin can fine-tune label placement with Horizontal and Vertical position settings, specifically applicable when using the Custom position.For more details of how to customize the position of  product labels, please refer to our video guide.   Admin also can preview these adjustments in real-time within the theme editor, ensuring seamless customization and a visual understanding of the label positions on their storefront. Styles: Admin has the flexibility to customize label styles (square/rounded corners/rounded). Additionally, admin can adjust font size scale, label size, label opacity, and color according to their preferences. These customizable features empower administrators to tailor the visual appearance of labels on their storefront.Please refer to our video guide to customize label styles.  2.Select products/collections to apply Image and Text labels: When selecting products or collections to apply Image and Text labels, there are two key configuration options: Apply to Products: Choose specific individual products to which you want the Image and Text labels to be applied. Useful when you have particular products that require custom labels. Apply to Collections: Select specific collections to which you want the Image and Text labels to be applied. Ideal for applying consistent labels to an entire collection of products. Note: If both collections and individual products are selected, the labels will appear on items that meet either of the criteria. This follows a logical OR configuration. This provides a flexible and targeted approach, allowing you to precisely control where your Image and Text labels are displayed 3.Set up Schedule for Text label & Image label Admin also can schedule to display text labels and image labels on selected products by using the config group “Schedule”. Check the “Enable schedule” box to enable schedule, then you can choose the time zone you want to set the schedule on and set up exact time to start/stop showing the text/image labels. How to show labels and badges on product cards? Enable the display of labels on product cards by activating in the section and enabling each label block. Step 1: Enable it in the section by clicking the Enable product labels and badges checkbox. Step 2: Tick the Show on product card config for each label block (sale label, sold out label, etc.). Tips: Keep in mind that due to the limited space on product cards, it's recommended not to display more than three labels on a single product card to avoid covering the product image. How to show labels and badges on product pages? By adding the block in the Product labels and badges section, the labels only show on product thumbnails. In order to show labels on product page and other product sections (Quick view, Feature product), follow these steps: Step 1: Enable it in the section by clicking the Enable product labels and badges checkbox. Step 2: Enable the Show on product page config for each label block Step 3: Go to the needed section, add a 'Labels and badges' block anywhere you'd like, then click Save. Conclusion Product Labels and Badges feature in the Eurus Theme provides a powerful and versatile tool to enhance your storefront's visual appeal and communicate essential information to customers. With 4 distinct types of labels—Sale, Sold Out, Image, and Text—store owners can effectively highlight promotions, stock status, and customize product representation. For more details of how to set up product labels, please refer to our video guide.

Reorder Feature

Common Guide

Reorder Feature

on Jan 26, 2024

What is re-order? Why should I use it? The reorder feature in Eurus Theme offers your customers the convenience of reordering or replicating previously placed orders effortlessly. Instead of going through the entire shopping process again, this feature allows users to quickly add the same set of items to their cart. This feature is particularly beneficial for: Stores with Regular Large Orders: Ideal for businesses dealing with customers who frequently place large orders comprising various items. B2B Stores: Designed to cater to the needs of business-to-business stores where repeated orders of bulk quantities are common. Merchants Aiming to Reduce Abandoned Cart Rate: By offering a quick and easy reorder function, merchants can significantly decrease abandoned cart rates, enhancing overall user experience and customers royalty. How to re-order with Eurus theme? Follow these simple steps to utilize the reorder feature with Eurus Theme: Step 1: Log In with Customer Account: Step 2: Navigate to the Order Grid, where users can view a summary of past orders. Step 3: Click “Reorder” Button: Look for the "Reorder" button, which automatically appears for every order that has been successfully completed. Simply click the "Reorder" button next to the desired past order. Note: When the order contains products that are not available/out of stock, pressing "reorder" will not add these products to the cart anymore. Step 4: Click “Add to Cart” Button: A popup appears, you can click “Add to cart”.  This action will add all the products from that order directly to your shopping cart.   By following these steps, users can efficiently use the reorder feature provided by Eurus Theme, making the process of repurchasing items quick and hassle-free.

Event Calendar Section

Common Guide

Event Calendar Section

on Jan 26, 2024

Overview Elevate your storefront with the Event Calendar section, a dynamic tool designed to showcase your events, promotions, announcements, and product releases. This feature has several prominent benefits such as: Allow you to effectively communicate important dates and engage your audience with upcoming activities.Link products to your events and sell them as tickets, creating a seamless shopping experience. Provide map directions and event details to help attendees easily locate and participate in your events. Allow users to add events to their personal calendars, ensuring they stay informed and engaged with upcoming activities. Enable users to confirm their attendance and manage event capacity.   How to set up events on the storefront? Follow these steps to simply set up events in the Event Calendar section: 1. Event Details: Provide essential information such as the event name, date, and time. Optionally, include the event location. There's an option to display both start and end times, ensuring flexibility for events spanning multiple days. 2. Description: Craft a concise description that will be showcased on the event card. Users can click "View More" to access additional details. The button label can be customized for a personalized touch. 3. Direct Calendar Integration: Store owners can enable the feature that allows customers to add the event directly to their calendars. This can be particularly convenient for users with busy schedules. Please check more thoroughly in the following section. How can customers add the event directly to their calendar? Discover the uniqueness of our event calendar feature, enabling customers to easily add comprehensive event details, including names, dates, and locations,... directly to their calendars. This functionality extends across various platforms, such as Google Calendar, Apple Calendar, Outlook, Yahoo and Ical, streamlining the process without the need for additional calendar apps.