Electro General Settings
Electro Typography
About Typography To ensure consistency across all pages of your store and make it look more professional, the Electro theme provides a font family and an automatic font size adjustment system. You can set up a font family for Body text, Headings, Buttons, Subheadings, menu items, tab headings, and regular card headings in Typography. Access Electro Typography To set up the Typography of your store, we can go to [TPopularHow to use Electro Product Comparison
About Product Comparison Electro theme supports the Product Comparison section, which allows customers to easily compare similar products before deciding which one to buy. When used properly, it can become an important tool for generating conversions for your store. The comparison on this section will be shown as a table with various metafield keys of a metafield namespace. To make the Product Comparison sectionSome readersElectro Template
About Template Templates are a collection of sections applied to pages configured to give each a consistent look and feel. The default template is what pages will use if an alternate template is explicitly set. In the template selector, you can find out which templates are applied to which pages, and then edit them to customize the layout. How To Add Sections To A New Template Step 1: Add A New Template In the Theme Editor, use the selector to open Pages, then click the **[Some readersElectro How to Set Up Product Metafield
Overview Where can I use Metafield on Electro theme? Product Specification, Product Comparison and Feature Product List section How to set up Metafield for the Electro theme? Yes Can I add multiple Metafield keys on one section? Yes Understand Product Metafield Shopify Structure Product Metafields Shopify is a powerful way to add custom data to your Shopify store. They can be usedSome readersElectro Theme Settings
This article provides instructions on how to configure the theme settings in Electro theme. You can find the theme settings by clicking on the second icon on the menu bar. On this page: Colors Typography Appearance [Cart](https://docs.saleshunterthemes.cSome readersElectro How to Create Prominent Badges for Collections in Electro
Theme: Electro · Section type: Theme setting Prominent badges add a short, colored label, such as "New in" or "Sale off", to the corner of a collection card. Use them to draw customers to the collections you want to promote. Note: Badges show on every collection card in the store: in Collection list sections and on the collection list page. You create each badge once in the Shopify admin and then assign it to collections. . Each hotspot points to a short note with a heading and a description, so customers can learn about a product's features from a single picture. Note: You can add this section to any template, but not to the header or footer. Each section holds up to 5 hotspots. ](https:Some readersElectro How to Use Electro Moving Image Banner
Theme: Electro · Section type: All-template section A Moving image banner scrolls a row of images slowly across the screen, with optional text, a countdown timer, and 2 buttons on top. Use it to show off several products or looks in one eye-catching banner. Note: You can add this section to any template, but not to the header or footer. Each section holds up to 5 images. ](https://storage.crisp.chat/uSome readersElectro How to Use Electro Collapsible Content
Theme: Electro · Section type: All-template section A Collapsible content section shows a list of rows that customers click to open and close, next to an optional heading, description, image, and button. Use it for FAQs, shipping and return details, or product care tips, so customers find answers without a long page of text. Note: You can add this section to any template, except the header and footer. Each section holds up to 10 collapsible items. ](https://storage.crisp.chat/users/helpdesk/website/-/f/8/b/b/f8bb8dSome readersElectro How to Create Electro Collection Page
Theme: Electro · Section type: Collection template The Collection template controls every collection page in your store. It shows a banner with the collection title, followed by the products in the collection with filters, sorting, product comparison, and quick buy. Note: The Collection template has 2 fixed sections: Collection header and Collection products. You can hide them, but you can't remove them. You can add, remove, and reorder any other section on this template.Some readersElectro How to Create Electro Collection List Page
Theme: Electro · Section type: Collection list template The Collection list template controls the page that shows all of your store's collections (/collections). Customers use it to browse every category in one place. Note: The Collection list template has 1 fixed section: Collection list page. You can hide it, but you can't remove it. You can add, remove, and reorder any other section on this template.  The gift card page is the page customers see when they open a gift card from their email. It shows the gift card value and code, so they can copy the code, print the card, or go straight to your store. In the theme you can change the page colors; the gift card itself is created in Shopify admin. Note: The gift card page has one section, Gift card, with one setting. Customers can only open the page from the link in a gift carSome readersElectro How to Use Electro Search Template
Theme: Electro · Section type: Search template The Search template controls the page customers see after they search your store. It shows a search box, tabs for products, blog posts, and pages, and the product results with filters and sorting. Note: The Search template has 1 fixed section: Search page. You can hide it, but you can't remove it. You can add, remove, and reorder any other section on this template. ![Search results page with the search box, result tabs, Filter buSome readersElectro How to Use Electro Cart Template
Theme: Electro · Section type: Template (Cart) The cart page lists the products a customer has added, with quantities, prices and the order total, and sends them to checkout. You can style the page in the Cart page section and add more sections around it. Most cart options, such as the free shipping bar and the discount field, are set in Theme settings and also apply to the cart drawer. Note: The Cart page section can't be removed from the cart template, but you can add other secSome readersElectro How to Edit Electro Page Template
About Page Template Electro Page Template is a basic template that can be used for any page on your Shopify store. By default, it consists of two sections: Breadcrumb and Page. What Is A Page Template? You can add any other sections the theme provides to the Page template, to create one which is suitable to your needs. Note: the Page section cannot be removed, it can only be hidden. Breadcrumb section: The Breadcrumb section displays the path that a visitor has taken to reach tSome readersElectro Activate Account Page
When sending an invitation email for customers to create an account on the store, they will receive a link that directs to the Activate Account page. In the Activate Account page, customers need to fill in the Password field then insert it again in the Confirm Password field and click Activate account to create an account. If customers don't want to have an account, they can click on the Decline Invitation button and will be directed to the Homepage. [![](https://saleshunterthemes-3030d0343debFew readersElectro Electro Account Page
After login customers can check their orders and address on the Electro Account Page. My Orders In the My orders tab, customers can check all orders here. Each order will show: Order number, Date, Payment status, Fulfillment status and Total payment amount. [![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902585776/8781763c0539e499e8bb7e4027af/FzcCBFXTHwRgqC91yB5Fox9rY7QnOYYkyJQQ_cYJZUFXdYFew readersElectro How to use Electro Blog Post Template
About Blog Post Template The blog post template controls the look and feel of blog posts on your Shopify store. You can customize it to make your blog posts more professional and engaging. The default Blog post template has a single section called Blog Post. This section cannot be removed, but it can be hidden. You can freely add or remove any other sections to the blog post template. How To Access Blog Post Template To access the Electro Product Template, follow these two simple stepsFew readersElectro How to Style Electro 404 Page Template
About 404 Template A 404 template is a default error page that is displayed when a user tries to access a page that does not exist. [![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902586218/bf6a3bb3981f309fda35c977e6c2/AD_4nXdol2RGdl3miM4zA-jLnRuTsmzrZKS50BVKk4_D0u7BE-ikFAbhHftLnYJBD6SIy-949XJr_Y7BWOA3b6SDRUYUV4oc-PPGRbzSerVH0mSFm4IQPqBnKrHMpz2Hl6t59GeOMM1ob4N0ubvDFUIkkeybE7KHO8YYnCmgKfUnHfNrg.png?expires=1792402200&signature=3ec1fea948ae46476297d682adc8Few readersElectro Electro Login Page
Electro Login Page is created for your customers to access their account on your store. To login, customers must insert the Email and Password field and then hit the Login button. [![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902585775/657efdf4993ff93888409d26000e/ayhiohrJ-Z3DmIJryRPFxJkbIpwgojTL92Pa9KHN-6GKrUQfnWUgvEGRNjjDiyVumGnzCGNVvfXlBCCwwk3rPWrejJCwY90upwHSvv7WauvyTdBqvWDxeBazSQCAvCe1WQFew readersElectro How to Use Electro Blog Post List
About Blog Post List Section The blog post list section is a widget that displays a list of blog posts on your website. [![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902586226/9ed49e57315de3d118c32150dfec/AD_4nXdz2ixtGnxogtU3HONXnk6MX165DdxtJwZ5trWk550rKLp1yUvo0Eo6wBxMJBF6lDP_6TqRApIkrCm5Z9e4zKu82xdFnj07hFgSVH3yyo1_h69QSaKazyq-fzxr4ZP7kUJAHlruxyfV0Sb5XkzhoAkeyJ3aCzNN1PkUjFD1kAZrSQg.png?expires=1792402200&signature=73d9b917cfa15b8e503be8781538a68428a612Few readersElectro Electro Reset Password Page
After customers hit Forget password in the Login page, they will receive an email containing a link that directs to the Electro Reset Password Page. In this page, customers need to insert the new password in the Password field then type it again in the Confirm password field and click Send button. [![](https://saleshunterthemes-3030d0343deb.intercom-attachmFew readersElectro Electro Signup Page
With the Electro Signup page, you can set up your own account for your store. To create an account, fill in the First name, Last name, Email and Password, then click Create my account button. The Email and Password fields are compulsory. The Password field must be filled with a minimum of 5 characters and a maximum of 40 characters. [![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902585774/b0Few readersElectro How to Use Electro Password Page
Password Page A password page is a web page that is used to protect access to a website or web application. The page typically requires users to enter a password before they can access the content. Password pages can be used to protect a variety of content, including private information, premium content, or content that is still under development. [![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902593726/9c8dd4208582f713d55cb4730a96/AD_4nXeaZy-gS90jQ1kqkYFew readers
Electro Other Sections
Electro Electro Custom Liquid
About Custom Liquid Section For unavailable predefined sections, Electro theme supports Custom Liquid section where you can add Liquid code to create a personalized section on your store. How To Access Custom Liquid Section From any page, please click on ‘Add Section’ on the left side bar, then choose ‘Custom Liquid’. [![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902588851/4cff1e0006203ef1ddfcc1ddbeaf/AD_4nXcHbIlm4uTuumh8voOS7IQHcStgwAZ78UFew readersElectro How to Use Electro Custom HTML
About Custom HTML Section The Custom HTML section in the Electro theme allows you to add custom HTML code to your website. This feature can be used to add anything from a simple text block to a complex interactive widget. How To Access Custom HTML Section To add the Electro Custom HTML section, follow these three simple steps: Step 1: In the Theme Editor, open any page type. Step 2: Click the "Add section" button. Step 3: Search for "Custom HTML" and select it to add to tFew readers
Electro Products & Cart
How to use Electro Product Comparison
Theme: Electro · Section type: All-template section The Product comparison section shows up to 5 products side by side in a table, with their prices, options, descriptions and specifications from product metafields. It helps customers see the differences between similar products and choose the right one. Note: You can add this section to any template, but not to the header or footer. Each section compares up to 5 products. On product pages, use **Product comparison (Product page)Some readersElectro How to Create Electro Product Page
Theme: Electro · Section type: Template (Product) The product template controls the layout of every product page in your store. Use it to choose how product media appears, which product details customers see, and which sections appear below the product, such as related products and a product comparison. Note: The product template comes with these sections: Breadcrumb, Product details, Product sticky bar, Video banner, Icon with text, Detailed specifications, Testimonials, ProductSome readersElectro How to Modify Electro Product Detailed Specifications Settings
Theme: Electro · Section type: Product page section The Detailed specifications section shows a product's technical details, such as dimensions, weight or battery life, from product metafields. It can also show download buttons for files like manuals or spec sheets. Because the values come from each product's metafields, one section works for all products that use the template. Note: This section is part of the default product template. It isn't listed in Add section, so hideSome readersElectro How to use Electro Featured Product
Theme: Electro · Section type: All-template section The Featured product section shows one product with its images, price, variants and Add to cart button on any page. Use it to promote a best seller or a new launch, so customers can buy without opening the product page. Note: You can add this section to any template, but not to the header or footer. Each section shows one product. . Each hotspot is linked to a product, and its product card shows next to the image, so customers can shop the products they see in a lifestyle or setup photo. Note: You can add this section to any template, but not to the header or footer. Each section holds up to 5 hotspots. ![Product hotspots section with 3 hotspots and a product card on the Gizmo prSome readersElectro How to Use Electro Product List
Theme: Electro · Section type: All-template section The Product list section shows products from one or more collections. With more than one collection, each collection gets its own tab, so customers can switch between best sellers, new arrivals or categories without leaving the page. Note: You can add this section to any template, but not to the header or footer. Each section holds up to 6 Product list blocks (tabs). ![Product list section with collection tabs on the Gizmo presSome readersProduct Comparison vs. Product Comparison (Product Page) Section
Theme: Electro · Section type: Overview Electro has two sections that show products side by side in a comparison table. Product comparison compares products you choose, on any page. Product comparison (Product page) compares the product a customer is viewing with its related products, and changes for every product. This article explains the difference so you can choose the right one, and shows how to set up the Product page version. ![Product comparison (Product page) with theSome readersElectro How to Use Electro Featured Product List
Theme: Electro · Section type: All-template section The Featured product list section shows the products you pick as cards in a row that customers can scroll. Each card can show key specifications from product metafields, so customers can compare best sellers, new arrivals or sale items at a glance. Note: You can add this section to any template, but not to the header or footer. ![Featured product list with 4 product cards, a Sale badge and the progress indicator](https://storageSome readers