Fashion Theme
Description
About the Extension
Basic theme for all kinds of fashion sites.
We have developed this comprehensive Shopware 6 theme to deliver everything you’re looking for.
The theme looks great on tablets and mobile devices due to its responsive design. It comes loaded with various page types, includes unlimited color schemes, great amount of fonts, icons and more.
Key Features :
HTML5 & CSS3 Validated.
Fully Responsive
FontAwesome Included
Ipad and Iphone Friendly
Easy Color and Layout Management
Basic theme for all kinds of fashion sites.
We have developed this comprehensive Shopware 6 theme to deliver everything you’re looking for.
The theme looks great on tablets and mobile devices due to its responsive design. It comes loaded with various page types, includes unlimited color schemes, great amount of fonts, icons and more.
Key Features :
HTML5 & CSS3 Validated.
Fully Responsive
FontAwesome Included
Ipad and Iphone Friendly
Easy Color and Layout Management
Details
- Available: English, German
- Latest update: 3 December 2024
- Publication date: 5 July 2022
- Version: 1.0.2
- Category: Fashion + clothing
Resources
Reviews (0)
About the Extension Partner
VimirLab Solutions
Partner Status
-
Shopware
Extension Partner
Details
-
Ø-Rating:
5
Average rating of 5 out of 5 stars
- Partner since: 2020
- Extensions: 8
Support
- Based in: India
- Speaks: German, English
- Response time: Very quickly
- Installation
Simply install and activate the theme
Make configurations
Finished!
Footer
- For changes on the footer, go into Settings>shop>snippets And search for particular footer snippets.
Search “footer.serviceHotlineHeadline” to change the store name in the footer. Add store name : Vimirlab.shop
- Search “footer.serviceHotline” for change contact information in the footer. In our demo, we use this HTML for content you can also use the same HTML just need to change the text in the HTML
<ul >
<li><i aria-hidden="true" ></i><p>184 Main Rd E, St Albans<br>VIC 3021, Australia</p></li>
<li><i aria-hidden="true" ></i><p><a mailto:contact@company.com">mailto:contact@company.com">contact@company.com</a></p></li>
<li><i aria-hidden="true" ></i><p><a >+001 2233 456</a></p></li>
</ul>
- To add information and useful links, you have to create categories in the backend and do the necessary settings.
- Create a main “footer” category first and then add information and Useful Links as a sub-category.
- Hide the category from the menu setting. After creating all footer categories go to the admin->storefront.
1. We can click on the storefront and open a new interface.
2. Go to the general
3. Go to the Entry point footer navigation and select the category (Footer)
4. Save the page.
- To add social icons on the footer, search “footer.includeVat” and change the content. In our demo, we use this HTML for content you can also use the same HTML just need to change the URL in the HTML.
- <div >
<ul>
<li><a target="_blank" rel="noopener nofollow" href="https://www.instagram.com"><i aria-hidden="true"></i></a></li>
<li><a target="_blank" rel="noopener nofollow" href="https://www.facebook.com"><i aria-hidden="true"></i></a></li>
<li><a target="_blank" rel="noopener nofollow" href="https://twitter.com/"><i aria-hidden="true"></i></a></li>
<li><a target="_blank" rel="noopener nofollow" href="https://www.pinterest.de"><i aria-hidden="true"></i></a></li>
</ul>
</div>
- To change Copyrights text, search “footer.copyrightInfo” and change the text.
Theme Color
- Admin can change theme color, Add new font , color of price ,and button color.
- At Admin click on Extension -> My Extension -> Theme Tab and then select vimirlab Fashion Theme.
- To change Theme color admin have to remove Inheritance and then edit fields and save changes.
- For now in demo black and white color used.
- User can change font , Font color , font family and headline color from admin.
Home page
(Note: for copy, our CSS uses the same class name as we used in the demo)
1. Banner Slider
- For the banner slider, you have to add an “Image slider” block.
- Add images on the slider using the upload files button and do some necessary slider settings.
- In our demo we used the following slider settings:
Display mode: Cover
Minimum Height: 630px
Arrow navigation: Inside
- After adding slider images give the class name to this block and remove margins. In the demo, we used the “top_banner” class name.
2. Home Page Categories
- For the Our Categories section add one “Teaser text” Block for the title and add the below H2 tag in the content area. You can change the title inside the H2 tag.
<h2> Our Categories </h2>
- Give the class name to this block and remove margins. In our demo, we used the “home_category” class name.
- Now add the “Three Columns, Image/Text Cards” block and add images and text in the block.
- Add category image and do necessary image setting. In our demo we used the following settings:
Minimum Height: 200px
Display mode: Cover
3. Category Name
- Add category name and link using text block settings.
- In the demo, we use this HTML for category name and link you can also use the same HTML just need to change the category name and category URL in the HTML.
<div class=”cat_name”>
<a href=”/Accessories/”>Accessories</a>
</div>
- Give the class name to this block and remove margins. In the demo, we used the “cat_img container” class name.
4. Product on Homepage
- for add a Product on the homepage, you have to add the “Image gallery and buy box” block
- Add product images from the left gallery block and do some settings whatever you want.
- Select product from the right side block.
- Give the class name to this block and remove only the top and bottom margins. In demo, we used the “home_product container” class name.
5. Product Slider
- To add the Bestseller Products slider, Admin has to add the “Product slider” block.
- do some necessary slider settings like give slider title, select products, etc
- After adding the slider give the class name to this block and remove margins. In our demo, we used the “bestseller_slider container ” class name.
6. Testimonials
- for the Testimonials, section adds one “Teaser text” Block for the title and add the below H2 tag in the content area. You can change the title inside the H2 tag.
<h2>Our Customers love us </h2>
- Give the class name to this block and remove margins. In our demo, we used the “testimonial_title” class name.
- Now add content using the “Three columns, text” block. In our demo, we use this HTML for content you can also use the same HTML just need to change the text in the HTML.
<div >
<div >
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
</div>
<div >
<p>S Steidl</p>
</div>
</div>
Give the class name to this block and remove margins. In the demo, we used the “container testimonials” class name.
Category page
- In vimirlab Fashion theme used "Default listing layout with sidebar. "
- In admin, to change category page layout click on Catalog -> Category -> Click on category, admin can see Layout tab click on that. then click on change layout, popup open select default listing sidebar and then save changes.
Product Page
- At front end side product page look like this. User can check product description add review of Product.
- To add add review user have to login compulsory.
Uninstall
Admin can easily uninstall theme from the backend.
1.0.2
- Compatibility established for Shopware 6.5
- Improved design
- Implement wishlist icon on header
1.0.1
Bugfix:
- Improvement of the files to compatible with other plugins
1.0.0
Initial Release - Basic Theme