Foesta

Fashion Shopify Theme

Introduction

Theme Name: Foesta – Fashion Shopify Theme
Thank you very much for choosing our theme. We truly appreciate and really hope that you'll enjoy our theme!
If you like this theme, Please support us by rating us 5 stars..     

Foesta – Fashion Shopify Theme is a modern, unique as well as responsive eCommerce Shopify theme. This eye-catching Shopify theme is looking nice for its clean and smooth design. You can apply this eCommerce theme as your own wish. This theme is absolute for Fashion.

Definitely, this theme offers important features like – 5 Home Variations. Foesta offers dark/light mode, RTL (Right-to-Left), variant type Shop, Single Product, About, Contact, FAQ, and Blog Pages.

So, this Shopify theme may be the best solution for you. Try this outstanding theme to launch your online fashion or any eCommerce website.

Theme features

  • 05+ Home Versions
  • Dark / Light Mode
  • RTL (Right-to-Left)
  • 25+ Drag & Drop Section
  • Media on the product page(3D models AR viewer, External Youtube video, Local Video, Product Image)
  • MegaMenu & Sub Menu
  • Newsletter
  • Lookbook Module
  • Notification Bar
  • Multiple Currency
  • Product Filtering and Sorting
  • Recently Viewed
  • Recommended Products
  • Enhanced Search
  • Sticky Header
  • Stock Counter
  • Countdown Timer
  • Size Chart
  • Quick Install
  • Contact Map (google map API)
  • Featured Product
  • 3 + Banner Style
  • Brand Logo
  • Video Banner
  • Latest Blog
  • QuickView
  • Ajax Wishlist
  • Ajax Compare
  • FAQ
  • Fully Responsive
  • Cross Browser Optimization
  • Well Documentation
Photo Credit
Need Support?

Files Included

  • Demo Content - (Presets, Demo Products)
  • Help - (Documentation, theme-install.wmv, import-demo.wmv)
  • Theme File Needs to Upload - (Foesta-v2-0-0.zip)

Theme Installation

Extract your download file and upload Theme file (Foesta-v2-0-0.zip)


Install theme via Shopify Dashboard
  • Login the Shopify backend and click "Online Store"
  • Upload the zip file that contains the theme file
  • Finally Publish it







Video Example

Import Demo Content

If you want to design your store like our demo/preview site

  • Demo content files are included in the downloadable file (that you have downloaded from our market place)


  • Go to "Demo Content" folder and open "Presets" folder


  1. Choose any preset file, open it using any text editor (e.g. notepad, notepad++) and copy all the code.
  2. Now go to your online Shopify store backend Click "Online Store"
  3. Click on “Actions” button then click "Edit Code"


  • Open "index.json" file and paste the copied code here. You must need to remove existing data or overwrite existing data


  • Open "settings_data.json" file and paste the copied code here. You must need to remove existing data or overwrite existing data


Now save it and you're done



Video Example

Translate Theme

Step 1: Edit Language



Step 2: Translate Language



After translating all the text from the Language Page, you need to translate all text from the theme customizer

Step 1: Theme Customizer

You can go to the specific page from the tools, Then you can translate text for the specific page

Payment

  1. From your shop admin, go to the Settings / Payments
  2. Choose a payment gateway to accept payments for orders. Than checkout page is work
Read More

Shipping and delivery

  1. From your shop admin, go to the Settings / Shipping and delivery
  2. To enable shipping calculator, please configure your shipping rates. Set up shipping rates
Read More

Install Apps

Set Product Review APP

  1. Install product review app Judge.me Product Reviews

Create Drop-down Menu

  • 1st add menu then then create dropdown menu by drag & drop


Read More

Create MegaMenu

Preview



Step 1: Create multiple levels

**You must create multiple levels of your menu using the native Shopify navigation.



Step 2: Mega menu block settings








Step 2: Promotion banner settings




Create Product

  1. From your Shopify admin, go to Products.
  2. Click the "Add product" button
  3. Product image recommended Size: 1200 x 1200px




Read More

Product Description

If you want to display a brief description of your product, you must enable the description block..

Go to product > Description

Go to Product page > Description

Product Variants

  1. When add product then add variant for this product.
  2. When add product then add variant for this product.






Read More

  • This variant is displaying in product swatch option


  • If you add image for variant then this image will display in swatch color variant field






Product Tags

  • Product tags
  • When add variants this variant must be add in tags


Create Collection







Read More

Create A Custom Page

  1. In a Online Store / Pages, find and click button "Add page"
  2. Write in Title field page name
  3. Select Template: page
  4. Select Visibility: Visible
  5. You could use code Editor or HTML write mode content
  6. Click save




Read More

About Page

  1. In a Online Store / Pages, find and click button "Add page"
  2. Write in Title field page name
  3. Select Template: page.about
  4. Select Visibility: Visible
  5. You could use code Editor or HTML write mode content
  6. Click save


  • After creating the page, go to the page from the customizer

Contact Page

  1. In a Online Store / Pages, find and click button "Add page"
  2. Write in Title field page name
  3. Select Template: page.contact
  4. Select Visibility: Visible
  5. You could use code Editor or HTML write mode content
  6. Click save


  • After creating the page, go to the page from the customizer

FAQ Page

  1. In a Online Store / Pages, find and click button "Add page"
  2. Write in Title field page name
  3. Select Template: page.faq
  4. Select Visibility: Visible
  5. You could use code Editor or HTML write mode content
  6. Click save


  • After creating the page, go to the page from the customizer

Wishlist Page

  1. In a Online Store / Pages, find and click button "Add page"
  2. Write in Title field page name
  3. Page Title:

  4. Select Template: page.wishlist
  5. Select Visibility: Visible
  6. You could use code Editor or HTML write mode content
  7. Click save


Add Blog post

  • Go to the Blog post
  • Click to "Create blog post"
  • Then add post title, content, tag and etc.




Read More
  • Manage Blog post






Customizer




Read More

Add Section

  • Click Add Section
  • Then Click Add which section want to add




Read More

Section Content

  • Every section has 3 common content - Section Padding, Section Margin, and Section Background.
  • Click Add Content and add content which is need.
  • Section Padding - You can set Section padding top and bottom for desktop and mobile device.
  • Section Margin - You can set Section margin top and bottom for desktop and mobile device.
  • Section Background - You can set Section background image and color.



Product Pages

  • Go to the "Products pages" page on the Customize page from Customizer. Display the functionality for this page.



Collection Pages

  • Go to the "Collection Pages" page on the Customize page from Customizer. Display the functionality for this page.



Collection List

  • Go to the "Collection List" page on the Customize page from Customizer. Display the functionality for this page.



Blogs

  • Go to the "Blogs" page on the Customize page from Customizer. Display the functionality for this page.



Blog Posts

  • Go to the "Blog Posts" page on the Customize page from Customizer. Display the functionality for this page.



Cart

  • Go to the "Cart" page on the Customize page from Customizer. Display the functionality for this page.



About

  • Go to the "About" page on the Customize page from Customizer. Display the functionality for this page.



Contact

  • Go to the "Contact" page on the Customize page from Customizer. Display the functionality for this page.



FAQ

  • Go to the "FAQ" page on the Customize page from Customizer. Display the functionality for this page.



Favicon

  • Go to Customizer > Theme Settings > General


RTL (Right-to-Left)

  • Go to Customizer > Theme Settings > General


Theme Color

  • Go to Customizer > Theme Settings > Colors


Typography

  • Go to Customizer > Theme Settings > Typography




Layout

  • Go to Customizer > Theme Settings > Layout



Buttons

  • Go to Customizer > Theme Settings > Buttons



Contact info

  • Go to Customizer > Theme Settings > Contact info



Social Media

  • Go to Customizer > Theme Settings > Social Media
  • Enter the links to your social media accounts in the spaces given under Accounts to add links to them.
  • Click Save.



Cart

  • Go to Customizer > Theme Settings > Cart
  • Use the drop-down menu to select a cart style: Drawer or Page.
  • To show the vendor the items in a cart, click Show vendor.
  • To show the cart note in a cart, click Show cart note.
  • To show the shipping calculator in a cart, click the Show shipping calculator.
  • To show the checkout button in a cart, click the Show checkout button.
  • To show the continue shopping button in a cart, click the Show continue shopping button.
  • Add a link in the Continue shopping button link.
  • Click Save.



Customer Page

  • Go to Customizer > Theme Settings > Customer Page


Newsletter

  • Go to Customizer > Theme Settings > Newsletter


Currency

  • Go to Customizer > Theme Settings > General Settings


Preloader

  • Go to Customizer > Theme Settings > General Settings


Header Bar

  • Go to Customizer > Theme Settings > Header Bar


Product Settings

  • Go to Customizer > Theme Settings > Product Settings






Wishlist

  • Go to Customizer > Theme Settings > Wishlist


Default Padding

  • Go to Customizer > Theme Settings > Default Padding


Password/Coming Soon Page

  • Go to Customizer > Theme Settings > Password/Coming Soon Page


404 Page

  • Go to Customizer > Theme Settings > 404 Page
  • There are all settings for 404 page


Custom CSS and JS

  • Go to Customizer > Theme Settings > Custom CSS and JS
  • Add CSS in CSS Code field and add JS in Script Code field


Announcement bar

  • Go to Customizer > Sections > Announcement bar
  • The appearance of an announcement bar



Section settings



Announcement block settings



Slideshow

  • Go to Customizer > Sections > Slideshow
  • Follow bellow images



Section settings





Announcement block settings





Text with icons

  • Go to Customizer > Sections > Text with icons
  • Follow bellow images



Section settings





Block settings




Image with text

  • Go to Customizer > Sections > Image with text
  • Follow bellow images



Section settings





Block settings



Image banner

  • Go to Customizer > Sections > Image banner
  • Follow bellow images



Section settings







Block settings









Video

  • Go to Customizer > Sections > Video
  • Follow bellow images

Style 01:



Section settings







Block settings









Style 02:















Video banner

  • Go to Customizer > Sections > Video banner
  • Follow bellow images



Section settings





Block settings







Countdown timer

  • Go to Customizer > Sections > Countdown timer
  • Follow bellow images



Section settings





Block settings















Banner list

  • Go to Customizer > Sections > Banner list
  • Follow bellow images



Section settings





Block settings









Featured collection

  • Go to Customizer > Sections > Featured collection
  • Follow bellow images

Style 1



Section settings











Style 2



Section settings











Collection list

  • Go to Customizer > Sections > Collection list
  • Follow bellow images

Style 1



Section settings









Block settings



Style 2















Multicolumn

  • Go to Customizer > Sections > Multicolumn
  • Follow bellow images



Section settings





Block settings





Contact form

  • Go to Customizer > Sections > Contact form
  • Follow bellow images



Section settings



Block settings







Google map

  • Go to Customizer > Sections > Google map
  • Follow bellow images



Section settings





Blog posts

  • Go to Customizer > Sections > Blog posts
  • Follow bellow images



Section settings







Collapsible content

  • Go to Customizer > Sections > Collapsible content
  • Follow bellow images



Section settings





Block settings



Instagram gallery

  • Go to Customizer > Sections > Instagram gallery
  • Follow bellow images



Section settings







Block settings



Logo list

  • Go to Customizer > Sections > Logo list
  • Follow bellow images



Section settings



Block settings



Scrolling text

  • Go to Customizer > Sections > Scrolling text
  • Follow bellow images



Section settings





Block settings



Shop the look slider

  • Go to Customizer > Sections > Shop the look slider
  • Follow bellow images



Section settings









Block settings



Shop the look

  • Go to Customizer > Sections > Shop the look
  • Follow bellow images



Section settings





Block settings





Team

  • Go to Customizer > Sections > Team
  • Follow bellow images



Section settings







Block settings



Testimonial

  • Go to Customizer > Sections > Testimonial
  • Follow bellow images



Section settings







Block settings



Collection Thumbnail

  • Go to Customizer > Sections > Collection Thumbnail
  • Follow bellow image


Section Width Sidebar

  • Go to Customizer > Sections > Section Width Sidebar
  • Follow bellow image


Section Width Sidebar 2

  • Go to Customizer > Sections > Section Width Sidebar 2
  • Follow bellow image


Tab With Product

  • Go to Customizer > Sections > Tab With Product
  • Follow bellow image




Service

  • Go to Customizer > Sections > Service
  • Follow bellow image


Latest Blog

  • Go to Customizer > Sections > Latest Blog
  • Follow bellow image


Custom Content

  • Go to Customizer > Sections > Custom Content
  • There is Two content - 1. HTML Content and 2. Image Content
  • Click Add content then add content.



Custom HTML

  • Go to Customizer > Sections > Custom HTML
  • There is HTML content field. Add HTML content there.



Custom Page

  • Go to Customizer > Sections > Custom Page
  • Click Add content then click FAQ as much as you like



FAQ

  • Go to Customizer > Sections > FAQ
  • Click Add content then click FAQ as much as you like
  • FAQ have two field title and content



Instagram

  • Go to Customizer > Sections > Instagram
  • Put your Instagram User ID and Access Token



Rich Text

  • Go to Customizer > Sections > Rich Text
  • There is Rich Text content field.



Video Banner

  • Go to Customizer > Sections > Video Banner
  • Put your Video URL in Video URL field.