Introduction

Welcome to the Aexa Shopify Theme documentation. Aexa is a versatile, multipurpose theme designed for Shopify, offering seamless integration with Shopify’s Online Store 2.0 features and compatibility with popular page builders like Shopify Sections and drag-and-drop editors. This guide provides step-by-step instructions to install, configure, and customize your theme for an optimized eCommerce experience.

How to Install Theme

To install the Aexa theme on your Shopify store, follow these steps:

  • Download the theme .zip file from your purchase or the theme provider.
  • Log in to your Shopify Admin dashboard.
  • Go to Online StoreThemes.
  • Click Upload Theme, select the .zip file, and click Upload.
  • Once uploaded, preview the theme and click Publish to activate it.
Install theme Publish it

Installing Required Apps

For full functionality, install and activate the following Shopify apps:

  • Product Reviews: To enable customer reviews on product pages.
  • Search & Discovery app: To enable product filters.
  • Additional Apps: Check the Shopify Admin dashboard for any recommended apps prompted by the theme.

To Install Apps

Follow the steps mentioned below:

  • Go to Shopify AdminApps.
  • Search for the required app in the Shopify App Store.
  • Click Install and follow the setup instructions.
  • Activate the app to enable its features.

Importing Demo Content (Optional)

  • Locate Demo Content Files:
    • If your theme includes demo content, it’s typically found in a “Demo Content” or “Presets” folder within the downloaded theme package (e.g., settings_data.json or index.json).
    • Unzip the theme package on your computer to access these files.
  • Manually Import Demo Content (if supported):
    • Go to Online Store > Themes in your Shopify admin.
    • Select the theme you want to apply demo content to, click Actions, then choose Edit Code.
    • Open the relevant file (e.g., settings_data.json or index.json) in the code editor.
    • Open the demo content file (e.g., settings_data.json) from the theme package using a text editor (like Notepad or Notepad++), copy its contents, and paste it into the corresponding file in Shopify’s code editor, overwriting existing data.
    • Save changes. This applies the demo’s layout and settings but may not include images due to licensing restrictions.
  • Import Demo Products via CSV (if included):
    • If the theme includes demo products, locate the CSV file in the theme’s “sources” or “Demo Data” folder.
    • Go to Products > Import in your Shopify admin.
    • Click Add File, select the CSV file, and choose whether to publish products to all sales channels or only your online store.
    • Optionally, select Overwrite products with matching handles to update existing products.
    • Click Upload and Continue, review the import details, and click Import Products.
    • Ensure image URLs in the CSV are publicly accessible or upload images to Content > Files in Shopify.

Setting Up the Homepage

To configure your homepage:

  • Go to Shopify AdminOnline StorePreferences.
  • Under Homepage, select a specific page or use the default store page.
  • Use the Theme Editor (Online StoreCustomize) to add and arrange sections (e.g., banners, featured products, collections).
  • You can add, delete, move , hide and show sections from left side. you can see screenshot for the help
homepage

General Settings

Customize general settings in the Shopify Theme Editor:

  • Site Identity: Upload your logo, set the site title, and add a favicon in Theme SettingsBranding.
  • Typography: Choose fonts for headings and body text in Theme SettingsTypography.
  • Colors: Adjust theme colors in Theme SettingsColors to match your brand.
  • There are many other options available, see the screenshot below for all the options. Just set the value to anything you want.
setting setting

Header & Footer

Configure header and footer settings:

  • Header Layout: Select from available header type (e.g., header topbar, header catergory, header mobile, simple header) in Header SettingsHeader.
  • Sticky Header: Enable/disable sticky navigation in Header SettingsHeader.
  • header
  • Footer Sections: Add widgets like links, social media icons, or contact info in Footer SettingsFooter.
  • footer

Homepage Setup

To design your homepage:

  • Go to Online StoreCustomize.
  • Add a new page or edit the default homepage.
  • Use Shopify’s drag-and-drop sections (e.g., image banners, product grids, testimonials) to build your layout.
  • Save and publish your changes.
homepage

Collection & Product Pages

Customize your store’s collection and product pages:

  • Go to Online StoreCustomizeCollection Pages or Product Pages.
  • Adjust layouts, such as grid style or sidebar visibility, in Theme SettingsCollections or Products.
  • Customize product page elements like buttons, images, and descriptions.

Using Shopify Sections for Page Editing

To create or edit pages:

  • Go to Shopify AdminOnline StorePagesAdd Page.
  • Use a page builder app (e.g., Shogun, PageFly) or Shopify’s built-in section editor.
  • Drag and drop sections or widgets to design your page.
  • Click Save and Publish to make the page live.

Setting Up Shopify Store

To configure your Shopify store:

  • Go to Shopify AdminSettingsGeneral to set store details.
  • Configure currency, payment gateways, and shipping in SettingsPayments and Shipping and Delivery.
  • Add products via ProductsAdd Product, then click Save.
shopify-settings

Customizing Shop Pages

To customize shop pages:

  • Go to Online StoreCustomizeCollection Pages or Product Pages.
  • Modify layouts, filters, and sorting options in Theme SettingsCollections.
  • Adjust checkout settings in SettingsCheckout.

Widgets & Sections

Aexa includes customizable sections and widgets:

  • Go to Online StoreCustomizeTheme SettingsSections.
  • Add or configure widgets like product carousels, newsletters, or social feeds.
  • Control visibility and placement in the Theme Editor.

Improving Site Speed

To optimize your site’s performance:

  • Use a caching app (e.g., Speed Booster).
  • Optimize images with apps like Crush.pics or TinyPNG.
  • Enable a Content Delivery Network (CDN) like Cloudflare via SettingsApps.

SEO & Schema Markup

For better search engine rankings:

  • Install an SEO app like SEO King or Plug in SEO.
  • Enable schema markup for products and collections in Theme SettingsSEO.
  • Optimize meta titles, descriptions, and URLs in Products and Pages.

Troubleshooting

Common issues and fixes:

  • Issue: Theme settings not saving.
    Solution: Clear browser cache or try a different browser.
  • Issue: Page builder not loading.
    Solution: Check for app conflicts or increase Shopify’s memory limit in Settings.
  • Issue: Slow shop pages.
    Solution: Optimize product images and enable caching apps.

Support

For assistance, contact:

  • Email: themeshawk@gmail.com
  • Website: themeshawk.com

Credits

We are giving credit for images, fonts or any third part library.:

  • Image used are from https://www.freepik.com and https://unsplash.com/. All the images are royalty free.

  • Note: Please keep in mind that all images which is used are for preview purposes only. They are not included in the sale. Buyers are requested to use their own images.

  • Fonts used in the theme is Google fonts: Jost

  • Third Party Code Library Used (Free to use): slick, hover.css, owl.carousel.min.css, normalize.css, glide.core.css, [MIT Licence] - All are properly credited in the respective CSS files used in the theme
  • Flowbite Icons (https://flowbite.com/icons/)
```