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.
- By: HasThemes
- URL: https://hasthemes.com/
- HelpDesk: https://go.shopibuffet.com/support
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?
- If you have any questions regarding to theme issues, please submit a ticket at https://go.shopibuffet.com/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
- Choose any preset file, open it using any text editor (e.g. notepad, notepad++) and copy all the code.
- Now go to your online Shopify store backend Click "Online Store"
- 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
- From your shop admin, go to the Settings / Payments
- Choose a payment gateway to accept payments for orders. Than checkout page is work
Shipping and delivery
- From your shop admin, go to the Settings / Shipping and delivery
- To enable shipping calculator, please configure your shipping rates. Set up shipping rates
Create Product
- From your Shopify admin, go to Products.
- Click the "Add product" button
- 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
- When add product then add variant for this product.
- 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
Create A Custom Page
- In a Online Store / Pages, find and click button "Add page"
- Write in Title field page name
- Select Template: page
- Select Visibility: Visible
- You could use code Editor or HTML write mode content
- Click save
Read More
About Page
- In a Online Store / Pages, find and click button "Add page"
- Write in Title field page name
- Select Template: page.about
- Select Visibility: Visible
- You could use code Editor or HTML write mode content
- Click save
- After creating the page, go to the page from the customizer
Contact Page
- In a Online Store / Pages, find and click button "Add page"
- Write in Title field page name
- Select Template: page.contact
- Select Visibility: Visible
- You could use code Editor or HTML write mode content
- Click save
- After creating the page, go to the page from the customizer
FAQ Page
- In a Online Store / Pages, find and click button "Add page"
- Write in Title field page name
- Select Template: page.faq
- Select Visibility: Visible
- You could use code Editor or HTML write mode content
- Click save
- After creating the page, go to the page from the customizer
Wishlist Page
- In a Online Store / Pages, find and click button "Add page"
- Write in Title field page name
- Select Template: page.wishlist
- Select Visibility: Visible
- You could use code Editor or HTML write mode content
- Click save
Page Title:
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
- From your shop admin, go to the Online Store / Themes
- Click the Customize button
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.
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.
Search
- Go to Customizer > Theme Settings > Search
- To display product suggestions, click the Enable product suggestions checkbox.
- To display the product vendor, click the Show vendor checkbox.
- To display the product price, click the Product price checkbox.
- Click Save.
Breadcrumb
- Golobal settings - Go to Customizer > Theme Settings > Breadcrumb
- Individual settings - Go to Page > Sections > Breadcrumb
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
Header
- Go to Customizer > Theme Settings > Header Style
- There is there header style, you can easily select any one. Follow bellow image
Header Style 1
Header Style 2
Header Style 3
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
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
Testimonial
- Go to Customizer > Sections > Testimonial
- Follow bellow images
Section settings
Block settings
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
Social Media