Theme sections

Explore the Theme Settings, your hub for comprehensive global customization options that define the overall aesthetic and functionality of your online store.

• Description: Adjust the width of the entire page.
• Settings: Slider to set the width in pixels (px).
• Default: 1340 px.

• Button Corner Radius: Adjust the roundness of button corners.
• Input Corner Radius: Adjust the roundness of input fields.
• Block Corner Radius: Adjust the roundness of blocks.
• Menu and Drawer Radius: Adjust the roundness of menus and drawers.
• Settings: Sliders to set radius in pixels (px).

• Description: Predefined color schemes for the website.
• Settings: Choose from available schemes or add a new scheme.

• Color Scheme: Choose a color scheme for the drawer.
• Settings: Dropdown menu to change the scheme.

• Font: Select a font for headings.
• Font Size Scale: Adjust the scale of the font size for headings.

• Font: Select a font for body text.
• Font Size Scale: Adjust the scale of the font size for body text.

• Font: Select a font for button text.
• Font Size Scale: Adjust the scale of the font size for button text.

• Show Currency Codes: Option to always show currency codes (e.g., $1.00 USD).
• Settings: Checkbox.

• Description: Toggle animations on the website.
• Settings: Checkbox.

• Description: Adjust the duration of slide transitions.
• Settings: Slider to set duration in milliseconds (ms).
• Default: 600 ms.

• Description: Add or search for social media links.
• Platforms: Facebook, X (formerly Twitter), Pinterest, Instagram, TikTok, LinkedIn, Tumblr, Snapchat, YouTube, Vimeo.
• Settings: Input fields for each platform.

• Description: Display the vendor name on product cards.
• Settings: Checkbox.

• Description: Display a secondary image when hovering over a product.
• Settings: Checkbox.

• Description: Enable quick view for products.
• Settings: Checkbox.
• Quick Buy Button: Options for quick buy button style (Stacked, Overlay, None).

• Description: Show quick Buy for products.
• Settings: Checkbox.

• Description: Display product ratings.
• Settings: Checkbox.

Description: Set the image ratio for product images.

• Settings: Dropdown menu (Square, Custom).

• Description: Adjust how the product image fits within its container.
• Settings: Options for Contain or Cover.

• Show Offer Text: Display text for offers.
• Settings: Checkbox.
• Image Background Color: Color code for the background.
• Offer Text Color: Color code for the offer text.

Discount Format

• Product card discount text format and text color can be choosed

• Description: Display a badge for items on sale.
• Settings: Checkbox.
• Position: Set the position of the badge (Top Left, etc.).

• Background Color: Color code for sale badge background.
• Text Color: Color code for sale badge text.

• Background Color: Color code for soldout badge background.
• Text Color: Color code for soldout badge text.
• Sale Badge Type: Options for Sale, Percentage off, Saved amount.

• Description: Control predictive search results.
• Settings: Checkbox.

• Show Price: Display product prices in search results.
• Settings: Checkbox.

• Show Image: Display article images in search results.
• Show Author: Display article authors.
• Show Title: Display article titles.
• Show Date: Display article dates.
• Show Content: Display article content.
• Settings: Checkboxes for each option.

• Description: Choose between a cart page or drawer.
• Settings: Radio buttons (Page, Drawer).

• Description: Set the link for the empty cart button.
• Settings: Input field to paste a link.

• Description: Show dynamic checkout buttons.
• Settings: Checkbox.

• Description: Display the vendor name in the cart.
• Settings: Checkbox.

• Description: Allow customers to add order notes.
• Settings: Checkbox.

• Description: Show a progress bar for free shipping.
• Settings: Input fields to set minimum amount and configure text colors.
• Free Shipping Minimum Amount: Set the minimum amount for free shipping.
• Text & Bar Color: Color code for text and bar.
• Background Color: Color code for the background.

• Description: Set an image for the favicon.
• Settings: Upload or select an image (32x32 px recommended).

• Description: Enable a scroll to top button.
• Settings: Checkbox and options to set button position (Left, Right).
• Arrow Color: Color code for the arrow.
• Background Color: Color code for the button background.

• Description: Add custom CSS styles for the entire online store.
• Settings: Text area to input custom CSS code.

14. Change theme style

• Option used to change your theme style