Theme AliX Documentation

• Open the Customizer and go to the page where you want to add the "Scroll list" section.
• On the left-hand side, you'll find a list of available sections. Click the "Add section" button.
• From the available options, choose "Scroll list"to add it to your page.

How to edit the Scroll list section

• Color Scheme: Choose a color scheme to define the background and text colors for the scroll list section.
• Tilt Scrolling Text: Enable this option if you want the scrolling text to have a tilted, dynamic effect.
• Scroll Direction: Select the direction in which the items should move:
  • Left: Items scroll from right to left.
  • Right: Items scroll from left to right.
• Items Gap: Adjust the spacing between scrolling items to control how close or far apart they appear.
• Text Size: Set the size of the text displayed in the scroll list.
• Image Size: Control the dimensions of any icons or images included in the scrolling items.
• Scroll Speed: Define how fast the items should move across the screen.
• Enable Text Stroke: Toggle this setting to add an outline stroke to the text for better visibility and styling.

Configure a scroll Block Settings

1. Add and remove New Block

• Adding a New Block: To add a new block, simply click on the Add Scroll Item button to add a new block.
• Removing a Block: Select an existing block and click the Remove Block button to delete it.

2. Scroll Block Content

• Select Image: Click "Upload images" to add your own image, or choose "Select image" or "Explore free images" to pick one from the library.
• Text: Provide additional text if needed.

How To Add the Collection List section

• Login to your Customizer and navigate to the page you would like to display this section.
• You'll see a list of available sections on the left-hand side. Locate the Add section button and click on it.
• From the list of available sections, find and select Collection List.

How To Edit the Collection List section

Here are the steps to configure the options mentioned for the Collection List section in your AliX Shopify theme:

9. Featured Collection

The Featured Collection section in the Alix theme allows you to spotlight selected collections and their products in a visually engaging layout. Perfect for your homepage, it helps guide customers toward curated product groups such as New Arrivals, Trending Picks, or Best Sellers. This section enhances product discovery, encourages browsing, and boosts sales by showcasing the items you want shoppers to notice first.

Adding the Featured Collection section

• Login to your Customizer and navigate to the page you would like to display this section.
• You'll see a list of available sections on the left-hand side. Locate the Add section button and click on it
• From the list of available sections, find and select Featured Collection.

How to Edit Featured Collection

Here’s a step-by-step guide to configure these settings in your AliX Shopify theme:

• Color Scheme: Choose a color scheme to define the section’s background, text color, and overall visual theme.
• Heading: Enter the main title for the section. You can also apply bold formatting to add a text stroke.
• Heading Size: Select the appropriate heading level based on how prominent you want the title to appear.
• Heading Alignment: Choose how the heading should be positioned—Left, Center, or Right.
• Enable Show All Link: Turn this on if you want to provide a link that lets customers view the full collection.
• Select Collection: Choose the specific collection you want to feature.
• Number of Products to Load: Enter how many products should be displayed in the section.
• Columns per Row (Desktop): Set how many product cards should appear in each row on desktop devices.
• Columns per Row (Mobile): Choose between One or Two columns for mobile layout.
• Enable Slider: Turn on this option to convert the section into a sliding carousel.
• Enable Arrows: Enable navigational arrows when the slider is active.
• Image Aspect Ratio: Choose how product images are displayed (e.g., Portrait, Square, or Adapt to image).
• Show Title on Top: Display product titles above the product image.
• Show Vendor: Enable to display the product’s vendor/brand name.
• Show Secondary Image on Hover: Displays an alternate image when customers hover over a product card.
• Show Color Swatches: Display available color variants as swatches.
• Swatch Shape: Choose between Circle and Square.
• Show Variant Image: Display variant images when hovering or switching options.
• Show Horizontal Ticker: Enable a scrolling ticker for promotional text.
• Use Metafield: If enabled, ticker text will be pulled from the product metafield named ticker instead of the manual text option.
• Ticker Text: Enter custom promotional text.
• Ticker Speed: Set how fast the ticker text moves.
• Ticker Background Color: Choose the background color for the ticker strip.
• Ticker Text Color: Set the color of the text within the ticker.
• Enable Quick View / Quick Add: Allow customers to quickly preview or add products to the cart without leaving the page.
  

 

---

10. Collection List Slider

The Collection List Slider section lets you showcase multiple collections in a smooth, interactive slider format. With its subtle animated transitions, customers can easily browse categories without overwhelming the page layout. This engaging, space-saving design is perfect for highlighting new, trending, or seasonal collections—making your store feel dynamic, modern, and easy to explore.

How To Add the Collection List Slidersection

• Login to your Customizer and navigate to the page you would like to display this section.
• You'll see a list of available sections on the left-hand side. Locate the Add section button and click on it.
• From the list of available sections, find and select Collection List Slider.

How To Edit the Collection List Slider section

Here are the steps to configure the options mentioned for the Collection List Slider section in your AliX Shopify theme:

• Color Scheme: Select a color scheme to define the overall look of the section, including background, text, and visual styling.
• Select Background Image (Optional): Upload a background image if you want to enhance the visual appeal of the slider. This image will appear behind your collection cards.
• Sub Heading: Add a short label or tagline to introduce the section.
• Heading: Enter the main title for the slider. You can make the heading bold to apply a text stroke effect for added emphasis.
• Heading Size: Choose the appropriate heading size (H1, H2, etc.) depending on how prominent you want it to look in your layout.
• Heading Alignment: Set the position of the heading — Left, Center, or Right — based on your design preference.
• Text: Add a short descriptive paragraph for the slider (e.g., “Discover the standout styles every wardrobe needs this season.”). This helps communicate the purpose of the collections.
• Image Aspect Ratio: Choose how collection images should appear: Portrait, Square, Landscape, or Adapt to Image to maintain the original proportions.
• Show Slider Dots: Enable this option to display navigation dots below the slider, allowing users to see how many slides are available and navigate easily.

Configure the Collection Block Settings

• Adding a New Block: Click the Add Collection Block button to create a new slide in the Collection List Slider section.
• Select Collection: Choose the collection you want to feature from the Select Collection dropdown (e.g., Mens).
• Select Image:
  • Click Upload images to add an image from your device.
  • Or choose Explore free images to pick from Shopify’s free image library.
• Title (Optional): Add a custom title for the collection. If left blank, the default collection title will be shown.
• Text (Optional): Add a short description below the heading to highlight what the section is about.
• Removing a Block: Select an existing collection block and click the Remove Block button to delete it.

11. Image Banner/Video

The Image Banner / Video section in the Alix theme is designed to showcase a single standout product or message with maximum visual impact. By combining high-quality imagery or video with customizable text overlays, this section helps capture customer attention and drive engagement instantly.

Ideal for highlighting new arrivals, best-selling products, or special promotions, the Image Banner / Video section allows you to place your most important content front and center. Flexible layout options ensure the overlay text remains clear and impactful across all devices, helping guide customers toward key actions and increasing conversion potential.

• Color Scheme: Select a color scheme to set the section’s background, text, and accent colors, ensuring a consistent visual appearance across your store.
• Select Image/Video: Choose whether to upload an image or select a video for the banner background. This will be the main visual element of the section.
• Image/Video Overlay: Adjust the overlay intensity (0–100) to darken or lighten the media. This helps improve the readability of text placed on top.
• Image/Video Height: Choose how tall the banner should appear on the page.
  • Adapt to Image: Height auto-adjusts based on the original media size.
  • One Third of the Screen
  • Two Thirds of the Screen
  • Half of the Screen
  • Full Screen: Creates a large, immersive hero section.
• Text – Content Max Width: Set the maximum width for the text content (e.g., 750px) to ensure the layout looks clean and well-balanced.
• Content Position: Select where the text and button will appear on the banner.
  • Top Left / Top Center / Top Right
  • Middle Left / Middle Center / Middle Right
  • Bottom Left / Bottom Center / Bottom Right
• Content Alignment: Choose how the text inside the content block should align.
  • Left: Clean and classic alignment.
  • Center: Balanced and attention-grabbing.
  • Right: Modern and stylish alignment.
• Sub Heading: Add an optional subheading to introduce or support your main message.
• Heading: Add your main title to create a strong visual impact. Bold styling can apply a text-stroke effect.
• Heading Size: Select the heading style.
  • H1: Large and bold for strong hero messages.
  • H2/H3: (If available) Smaller headings for more subtle layouts.
• Text: Add descriptive text to give context, highlight offers, or support your banner message.
• Button Label: Enter the text for the call-to-action button (e.g., "Shop Latest Trends").
• Button Link: Add the link to direct customers to a product, collection, or any desired page.

12. Featured Product

The Featured Product section highlight a single standout item from your store to capture customer attention and increase conversions. This section is perfect for showcasing new arrivals, best-selling products, or special offers, helping you drive more engagement and boost sales by putting your most important product front and center.

How to add a Featured product section

• Login to your Customizer and navigate to the page you would like to display this section.
• You'll see a list of available sections on the left-hand side. Locate the Add section button and click on it
• Locate Featured product

How to edit the Featured product section

Steps for Configuring the Featured Product Section

• Color Scheme: Select a color scheme to set the section’s background, text, and accent colors, ensuring a consistent visual appearance across your store.
• Select Product: Choose the product you want to feature in this section. The selected product will display its images, variants, and purchase options directly in the layout.
• Media Size: Adjust how large the product images appear in the layout.
  • Small: Compact display for a clean, minimal look.
  • Medium: Balanced size suitable for most designs.
  • Large: Bigger visuals ideal for detailed products.
• Media Display: Choose how the product images are shown.
  • Stacked: All images appear vertically one after another.
  • Slider: Images appear in a swipe-able slider for easy browsing.
• Image Size: Decide how the images fit inside the slider frame.
  • Contain: Shows the full image without cropping.
  • Cover: Crops edges slightly to fill the frame fully.
  Works only when slider is selected.

Product Information Blocks:

The product information blocks:Text, Title, Price, will be pulled from the product page to display in this section. You do not need to modify these blocks.

• Vendor: Use this block to display the vendor or brand name of the product.
• Title: Use this block to show the product title prominently.
• Price: Use this block to display the product price. This updates dynamically with variant selection.
• Separator: Add spacing between different product information blocks for better readability.
• Description: Show the product description. You can set the number of lines to display to keep the section concise.
• Variant Picker: Use this block to let customers select different product options like size, color, or material.
  • Variant Picker Type: Choose the input style for variants.
    • Button: Display variants as clickable buttons. Supports showing variant images instead of colors.
    • Dropdown: Display variants in a dropdown menu for compact layouts.
  • Use variant image in color swatches: Toggle this option when using the Button type to display the actual product image for each variant, giving customers a visual reference.
• Quantity: Use this block to show the quantity selector on the product page, allowing customers to choose the number of items to purchase.
• Inventory: Use this block to display stock levels and create urgency.
  • Inventory Threshold: Set the quantity at which the threshold color appears to alert customers of limited stock.

  

---

13. Image Hotspots

The Image Hotspots section allows you to highlight key details, features, or products directly on an image using interactive hotspot markers. When customers hover or tap on a hotspot, helpful information, product links, or descriptions appear making it easy to explore important elements visually. This section is perfect for showcasing lookbooks, product breakdowns, room setups, or any image where you want to draw attention to specific points.

How to add a Image Hotspots section

• From your Shopify admin, go to Online Store → Themes.
• Click Customize on the AliX theme.
• In the Theme Editor, select the Image Hotspots section from the left sidebar.
• Adjust the settings, blocks, and layout options according to your preferences.
• Click Save to apply your changes.

How to edit the Image Hotspots section

• Color Scheme: Select a color scheme to set the section’s background, text, and accent colors, ensuring a consistent visual appearance across your store.
• Heading: Enter the primary title to create a strong visual impact.
• Heading Size: Select the heading style.
  • H1: Large and bold, ideal for hero banners.
  • H2/H3: (If available) Smaller options for subtle layouts.
• Heading Alignment: Choose how the text inside the content block should align.
  • Left: Traditional, clean layout.
  • Center: Balanced and eye-catching.
  • Right: Modern, stylized alignment.
• Show Link: Enable this option if you want to attach a clickable link to the hotspot. This helps direct customers to a product, collection, or any specific page.
• Link: Paste or search for the link that should open when the hotspot is clicked.
• Select Image: Choose or upload the image where your hotspots will appear. This image becomes the main background for interactive points.
• Image Overlay: Adjust the overlay intensity (0–100) to darken or lighten the image, improving hotspot visibility and text readability.
• Product Cards – Image Aspect Ratio: Select how product images inside hotspot cards should appear:
  • Portrait: Displays taller images, suitable for vertical-style photography.
  • Square: Creates a balanced, uniform grid of card.
  • Adapt to Image — Automatically adjusts to the original image dimensions.
• Show Title on Top: Enable to display product titles above the product image within the hotspot card.
• Show Secondary Image on Hover: Activates a secondary image when the user hovers over the product, offering a quick view of another angle or style.
• Show Color Swatches: Enable to display available color options directly within the hotspot card.
• Swatch Shape: Choose the shape of color swatches: Circle , Square
• Show Variant Image: Displays variant-specific images when color/variant swatches are clicked.
• Show Horizontal Ticker: Adds a moving ticker text under the product card for promotional messages.
• Use Metafield: Enable this to automatically fetch ticker text from a product metafield named 'ticker'.
• Ticker Text: Enter custom promotional text if metafield is not enabled (e.g., “Buy 2 & get $2 off”).
• Ticker Direction: Set the ticker movement direction: Left ,Right
• Ticker Speed: Adjust how fast the ticker moves (e.g., 5 for medium speed).
• Ticker Background Color: Choose the background color for the ticker using a hex code.
• Ticker Text Color: Select the text color for the ticker message.

Configure the Image Hotspot Block Settings:

• Adding a New Block: Click the Add Image Hotspot Block button to create a new block within the Image Hotspots section.
• Select Product: Choose the product you want to highlight when users tap or hover on this hotspot. The selected product will appear in the hotspot popup.
• Horizontal Position: Adjust the slider or enter a value to set the hotspot’s position from left to right across the image.
• Vertical Position: Adjust the slider or enter a value to set the hotspot’s position from top to bottom on the image.

 

---

14. Video Product Slider

The Video Product Slider section in the Alix theme allows you to showcase products using engaging short videos instead of static images. This section is ideal for highlighting best-selling products, new arrivals, or featured collections through motion, helping customers better understand product look, fit, and style.

Each slide can be linked to a specific product, combining MP4 videos, product details, and call-to-action links into a smooth, scrollable slider layout.

How to Add the Video Product Slider Section

1. Log in to your Shopify Theme Editor.

2. Navigate to the page where you want to display the Video Product Slider (e.g., Home page).

3. Click Add section from the left sidebar.

4. Select Video Product Slider from the list of available sections.

5. The section will be added to your page and ready for customization.

How to Edit the Video Product Slider Section

Once the section is added, you can configure its layout and content using the following options:

Section Settings

• Heading
  Add a main title for the slider (e.g., Shop the Look, Trending in Motion).

• Subheading (Optional)
  Use this to add supporting text or context for the slider.

• Color Scheme
  Choose a color scheme to control the background and text appearance of the section.

• Slider Layout
  The center slide is displayed prominently, while side slides appear slightly blurred to draw focus to the active video.

Configure the Video Block Settings

Each product video is added as an individual Video Block within the slider.

 

Adding a New Video Block

1. Click Add Video inside the Video Product Slider section.

2. A new video block will appear in the list.

Video Block Options

• MP4 URL
  Upload or select an MP4 video file from your Shopify Files.
  Tip: Use short, optimized videos for best performance.

• Video Placeholder Image
  Select an image that will be displayed if no video is loaded or before playback begins.

  • You can upload your own image, or

  • Choose from Shopify’s Explore free images library.

• Select Product
  Choose the product associated with this video.

  • The product title, price, and link will automatically appear below the video.

Managing Video Blocks

• Reordering Videos
  Drag and drop video blocks to change their order in the slider.

• Removing a Video
  Select the video block and click Remove block to delete it from the slider.

 

---

15. Countdown Timer

The Countdown Timer section creates urgency and excitement by highlighting time sensitive deals, product drops, or upcoming events. With bold visuals and a dynamic ticking timer, this section encourages customers to act quickly boosting engagement, conversions, and overall sales momentum across your AliX themed store.

Adding the Countdown timer section

• Open the Customizer and go to the page where you want to add the "Countdown" section.
• On the left-hand side, you'll find a list of available sections. Click the "Add section" button.
• From the available options, choose "Countdown"to add it to your page.

How to edit the Countdown Timer section

To configure the section background image and related settings in your Shopify theme, Aura, follow these steps:

• Color Scheme: Choose a color scheme to control the background, text, and accent colors of the Countdown Timer section for a visually consistent design.
• Heading: Enter the main title for the countdown section. You can apply bold text to add a stroke effect for a more striking look.
• Heading Size: Select the display size for your heading, such as H1 for a bold, attention-grabbing title.
• Text Alignment: Choose how your heading and text should align within the section:
  • Left: Classic and simple alignment.
  • Center: Balanced and visually appealing for countdowns.
  • Right: Modern aesthetic for unique layouts.
• Button Label: Add the call-to-action text that appears below the countdown timer.
• Button Link: Paste or search the URL where the button should redirect users.
• Enter Countdown Date: Set the target date and time for the timer using the format DD-MM-YYYY hh:mm:ss.

 

---

16. Info with image

The Info With Image section in the Alix theme is a visually engaging, animated block designed to highlight key products, collections, or brand messages. As users scroll, smooth animations bring the content to life, helping you capture attention and deliver impactful storytelling. With a combination of imagery, text, and optional buttons, this section is perfect for showcasing product features, brand values, or promotional highlights in a modern, dynamic way.

How to add a Info with image section section

• From your Shopify admin, go to Online Store → Themes.
• Click Customize on the AliX theme.
• In the Theme Editor, select the Info with image section section from the left sidebar.
• Adjust the settings, blocks, and layout options according to your preferences.
• Click Save to apply your changes.

How to edit the Info with image section

• Color Scheme: Select a color scheme to control the background, text, and accent colors for this section, keeping visual harmony across your store.
• Heading: Enter the main title for the section to highlight the key message you want customers to notice.
• Heading Size: Choose how prominent the heading should appear.
• Heading Alignment: Set the alignment of the heading — Left, Center, or Right — based on your preferred layout style.
• Link Label: Add a clickable text label (e.g., “Materials”) to guide users to more details.
• Link: Paste or search the link that the button/label should redirect users to (e.g., a collection, product page, or informational page).

Configure the Block Settings

• Select Image:
  • Click Upload images to add an image from your device.
  • Or choose Explore free images to pick an image from Shopify’s free library.
• Heading: Enter the title you want displayed on the column. You can also apply bold text to create a stroke effect.
• Heading Size: Choose how prominent the heading should appear.
• Sub Heading: Add a short description to support the heading and provide more context about the featured content.
• Removing a Block: Select an active block and click the Remove Block button to delete it from the layout.

 

---

17. Verticle Collection

The Vertical Collections section allows you to showcase multiple collections in a clean, tabbed vertical layout. Customers can switch between collections seamlessly without leaving the page, making it ideal for highlighting key categories such as Accessories, Women’s, Men’s, or Shop All.

This section improves navigation, keeps the layout minimal, and helps shoppers quickly discover products.

How to Add the Vertical Collections Section

1. From your Shopify Admin, go to Online Store → Themes.

2. Click Customize on the Alix theme.

3. Navigate to the page where you want to display the section (e.g., Home page).

4. In the left sidebar, click Add section.

5. Select Vertical Collections from the list.

Section Settings

Once added, you can configure the main section settings:

Color Scheme

• Choose a color scheme to control background and text styling for the section.

Heading

• Enter the main title for the section (e.g., Vertical Collections).

• You can apply bold styling to create a subtle stroke effect if supported.

Heading Size

• Select the heading size (e.g., H1, H2) to control prominence.

Description Text

• Add a short descriptive paragraph explaining the purpose of the section, such as browsing or switching between collections.

Section Spacing

• Desktop Top Spacing: Adjust the space above the section.

• Desktop Bottom Spacing: Adjust the space below the section.

How to Add Collection Blocks

Each collection displayed in the section is managed using Collection Blocks.

Adding a Collection Block

1. Inside the Vertical Collections section, click Add Collection.

2. A new collection block will be created.

Collection Block Settings

For each block, configure the following:

Select Collection

• Choose the collection you want to display (e.g., Accessories, Women’s, Men’s).

Select Icon

• Upload an icon image or select one from Shopify’s Explore free images library.

• Icons help visually distinguish each collection tab.

Title

• Enter a custom title for the collection.

• If left unchanged, the collection’s default name will be used.

Text (Description)

• Add a short description explaining the collection.

• Example:
  “Curated accessories designed to complement every outfit.”

Managing Collection Blocks

• Reorder Blocks: Drag and drop collection blocks to change their display order.

• Remove a Block: Select a block and click Remove block.

• Maximum Blocks: You can add multiple collection blocks to suit your store structure.

---

18. Footer

The Footer section is essential for sharing key information, including contact details, legal notices, and navigation links, enhancing the store's accessibility and professionalism.

How to Configure the Footer

• From your Shopify admin, go to Online Store Themes.
• Click Customize on the Flaunt theme.
• In the Theme Editor, select the Footer section from the left sidebar.
• Adjust the settings, blocks, and layout options according to your preferences.
• Click Save to apply your changes..

How to Configure the Footer Settings

Configure the Footer Settings

• Color Scheme: Select a color scheme to define the overall look and feel of your footer, including background, text, and accent colors.
• Select Background Image (Optional): Add a background image to enhance the footer design.
  • Click Upload images to add your own image.
  • Choose from existing media if already uploaded.
• Background Image Overlay: Adjust the overlay intensity (0–100) to lighten or darken the footer image, improving readability of text and menus.
• Footer Top – Top Menu: Select the menu you want to display in the top portion of the footer.
  Note: Only top-level menu items will be shown.
• Show Social Media: Enable this option to display social media icons linked to your social accounts. Also read how to set up socila media icons liks please  general settings.
• Footer Center – Footer Logo Image: Upload or select your footer logo from the media library.
• Logo Position: Choose how the logo should be aligned within the footer center area: Left,Center,Right Note: Logo position works only when marquee text is blank.
• Marquee Text: Add scrolling text to highlight announcements or promotions (e.g., “FLASH SALE ENDS TONIGHT”). If filled, this replaces the logo positioning feature.
• Marquee Font Size: Choose the font size for marquee text (e.g., H2 for bold and prominent text).
• Marquee Background Color: Select the background color for the scrolling marquee.
• Marquee Text Color: Choose the color of the marquee text.
• Apply Text Stroke Effect: Enable this setting to add a stroke outline to marquee text for better readability.
• Marquee Text Max. Width: Set the maximum width of the marquee text to control how wide the scrolling message appears.
• Footer Bottom – Enable Follow on Shop: Turn this on to add a “Follow on Shop” button for increased customer engagement.
• Show Localization: Enable this option to display language and currency selectors in the footer.
• Show Payment Icons: Enable to display accepted payment method icons, helping build trust with customers.

Configure a block within a Footer section

• To configure an existing block, select the block from the side menu.
• To add a new block, select Add block, choose a block to add, and then select the block you added.

1. Text

• Column max. width: Set the maximum width for the text block in percentage or pixels.
• Heading: Enter the main heading for the text block.
• Text: Add supporting text or a description for the heading in the Subtext field.

2. Menu

• Column max. width: Set the maximum width for the text block in percentage or pixels.
• Heading: Enter the main heading for the text block.
• Select menu: selector options to set up a menu inside the block.

3. Newsletter

• Column max. width: Set the maximum width for the text block in percentage or pixels.
• Heading: Enter the main heading for the text block.
• Text: Add supporting text or a description for the heading in the Subtext field.

1. Editing your theme

To personalize your theme, simply use the Shopify theme editor. This intuitive visual editor enables you to manage your content effortlessly—no coding required! You can easily add, reorder, or remove sections and blocks to create the perfect layout for your store.

• To open the theme editor
• Go to the Shopify admin panel.
• Click on Themes:

3. For the theme you want to edit, click on the "Edit Theme" button to open the theme editor:

2. Favicon

A favicon is the small icon displayed in the browser tab next to your store’s title. Adding a custom favicon in the AliX theme enhances your brand identity and makes your store easily recognizable across browser tabs and bookmarks.

How to Add a Favicon:

• From your Shopify admin, go to Online Store → Themes.
• Click Customize next to the AliX theme.
• In the Theme Editor, open Theme Settings (bottom-left corner).
• Select the Favicon option.
• Upload your favicon image using the image selector. (Recommended size 32 × 32 pixels)

3. Colors

A color scheme is a pre-defined set of colors that you can apply consistently across your store. Instead of customizing colors for each section individually, you select a scheme once, and it automatically sets the background, text, buttons, and other design elements throughout your theme. This ensures a cohesive and visually appealing look for your AliX store, click Here

• From your Shopify admin, go to Online Store → Themes.
• Click Customize next to the AliX theme.
• In the Theme Editor, open Theme Settings (bottom-left corner).
• Select the Color option.

4. Typography

The AliX theme gives you complete control over your store’s typography. You can choose separate fonts for headings and body text to create a clean, cohesive style that aligns with your brand. Select from Shopify’s free Google Fonts library and instantly apply your choices across your entire store for a refined, professional look.

• From your Shopify admin, go to Online Store → Themes.
• Click Customize on the AliX theme.
• In the Theme Editor, open Theme Settings (bottom-left corner).
• Select the Typography option.
• Choose your desired font from the available options.

5. Layout

The AliX theme offers flexible layout controls that help you shape the overall structure and flow of your store. You can adjust page width, spacing, and alignment to create a clean, balanced, and visually appealing design on all devices. These settings ensure your content looks refined and well-organized, enhancing both aesthetics and user experience.

• From your Shopify admin, go to Online Store → Themes.
• Click Customize on the AliX theme.
• In the Theme Editor, open Theme Settings (bottom-left corner).
• Select the Layout option.
• Choose your desired font from the available options.

• Page Width: Enter the maximum page width (e.g., 1920px) to control how wide your store layout appears on larger screens.
• Header Overlay: Enable this option if you want the header to sit on top of the banner image.
  • Note: This feature works only on the homepage.
• Header Overlay Logo: Upload a separate logo to be used specifically when the header overlay is enabled. This helps maintain visibility on image backgrounds.
• Color Scheme: Select one of your predefined color schemes to style the header overlay and related layout areas.
• Grid Settings: Adjust spacing for any sections that use multi-column or multi-row layouts.
  • Horizontal Space: Set the space between columns.
  • Vertical Space: Set the space between rows.

6. Newsletter Popup

The AliX theme includes a customizable Newsletter Popup designed to help you grow your email list and engage customers the moment they enter your store. This popup allows you to showcase exclusive offers, updates, or welcome messages—encouraging visitors to subscribe without interrupting their browsing experience. With options to personalize text, images, timing, and design, the Newsletter Popup helps you capture high-value subscribers while keeping your brand aesthetic consistent and professional.

• From your Shopify admin, go to Online Store → Themes.
• Click Customize on the AliX theme.
• In the Theme Editor, open Theme Settings (bottom-left corner).
• Select the Newsletter Popup option.
• Toggle on the Newsletter Popup to enable it.

7. Enable Socila media icons

Here you can enable those social media icons, which you want to show on your store also edit the links of these icons.

Go to Online Store >>Themes >> Customize >> Theme Settings >>Social Media

Customize Your Product Page

On the Collection Page, you can configure how your products are displayed, helping customers easily browse and discover items. Make sure the collection is published on your online store before adjusting these settings.

• From your Shopify admin, go to Online Store → Themes.
• Click Customize on the AliX theme.
• In the Theme Editor, use the drop-down page selector and choose Collection → Default Collection.
• Click Save to apply your changes.

Configure the Collection Page Settings

• Show Collection Title: Enable this option to display the collection’s name at the top of the page.
• Show Collection Description: Turn this on to show the collection’s description, helping customers understand what the collection offers.
• Show Collection Image: Enable this to display the featured collection image above the products.
• Heading Size: Choose how large the collection title should appear.
  • H2: Standard and clean for most layouts.
  • Other heading sizes (if available) can be used for different emphasis levels.
• Heading Alignment: Control how the title and description align on the page.
  • Left: Classic and professional layout.
  • Center: Balanced and visually engaging.
  • Right: Modern, minimal presentation.
• Number of Products to Show per Page: Set how many products should be displayed before pagination begins (e.g., 16).
• Number of Products per Row (Desktop): Choose how many products display in each row on larger screens (e.g., 4).
  It automatically adjusts for medium-size screens for an optimized layout.
• Number of Products per Row (Mobile): Select between:
  • 1 Column: Large product cards for a clean mobile experience.
  • 2 Columns: Compact grid layout to show more products at once.
• Enable Sorting: Activate this option to let customers order products by price, date, popularity, and more.
• Enable Filters: Turn this on to display product filters such as size, color, price, etc., allowing for easier browsing.
• Filters Position: Choose where the filter panel appears, depending on your layout preferences (e.g., sidebar or dropdown).
• Enable Sorting: Turn this on to allow customers to sort products by options such as price, newest, popularity, and more.
• Enable Filters: Activate this option to allow customers to filter products using tags, product types, availability, color, size, and other filters configured in your store.
• Filters Position: Choose how filters will appear on the collection page.
  • Drawer: Filters appear in a slide-out panel, keeping the layout clean and modern—great for mobile and minimal designs.
  • Vertical: Filters are displayed in a sidebar on the left side, ideal for stores with many filter options.

• Image Aspect Ratio: Select how product images are displayed within the card.
  • Portrait: Tall image style, ideal for fashion and apparel.
  • Square: Balanced, clean grid layout.
  • Adapt to Image: Automatically adjusts to each product’s original image size.
• Show Vendor: Turn on to display the product’s vendor/brand name above the title.
• Show Title on Top: Displays the product title above the image for a clean, editorial-style layout.
• Show Secondary Image on Hover: Enables image switching on hover, giving customers a quick look at alternate angles.
• Show Color Swatches: Displays available color options directly on the product card.
• Swatch Shape: Choose the shape of color swatches Circle ,Square
• Show Variant Image: Displays the variant-specific image when a swatch is hovered or clicked.
• Show Horizontal Ticker: Adds a scrolling ticker for promotional messages below the product card.
• Use Metafield: Enable this to automatically fetch ticker text from a product metafield named ‘ticker’.
• Ticker Text: Enter custom promotional text if metafields are not used
• Ticker Direction: Choose the scrolling direction of the ticker Left ,Right
• Ticker Speed: Set how fast the ticker moves.
• Ticker Background Color: Choose the background color of the ticker using a hex code.
• Ticker Text Color: Select the text color for the ticker message.
• Show Quick View: Enable a popup preview that allows customers to view product details without leaving the collection page.

How to Set Up the Cart

• From your Shopify admin, go to Online Store → Themes and open the AliX theme by clicking Customize.
• In the theme editor sidebar, navigate to Cart or Cart Drawer settings.
• Cart Type: Choose between Drawer or Page to define how the cart appears when an item is added.
• Enable Cart Note: Toggle this option to allow customers to add special instructions or notes to their order.
• Empty Collection Heading: Set a heading that appears when the cart is empty.
• Select Collection: Choose a collection to display suggested products when the cart is empty. Only the first 10 products of the collection will be shown.
• Show Free Shipping Bar: Enable this to display a free shipping progress bar.
• Free Shipping Threshold: Set the minimum order value required for free shipping (e.g., 1000).
• Shipping Bar Background Color: Choose a background color for the free shipping bar.
• Shipping Bar Foreground Color: Set the color for the progress indicator or text in the free shipping bar.