Thank you for purchasing our theme. If you have any questions that are beyond the scope of this help file, please feel free to contact us via email [email protected]. Thanks so much!

Created: October 14th, 2016 | Updated: February 4thAugust 10th, 2020 2021 | By: Magenest | Support Portal: https://servicedesk.izysync.com/servicedesk/customer/portal/51

Table of Contents

Introduction

Image RemovedImage Added

Couture Fashion Theme is a Magento 2 theme with a very elegant and minimalist design. It is designed specially for clothing, fashion, shoes, handbags, watches, accessories shop. This theme is easy to customize and ready to use. With this theme, you can install and set up the theme with ease.

Requirements

Your store should be running on Magento Community Edition and Magento Enteprise Edition version 2.2.x, 2.3.x and Magento Enteprise Edition version 2.2.x, 2.34.x.

Configuration

Enable the theme

To enable the Couture Fashion theme, on the Admin sidebar, go to Content > Schedule > Add Design Change > General SettingsConfiguration > Edit.

- Store: select your store to change the theme.
- Custom Design: select Magenest Couture Fashion theme.
- Date From/To: The time duration for an available theme.
- Click on Save button to save the configuration.

After saving, clear the cache of Magento, go to System > Cache Management > Flush Magento Cache.

Image Removed

Logo & Favicon

Image Added

Then in Applied theme options, choose Magenest Couture Fashion > Save configuration

Image Added

Sample Data

On the admin sidebar, go to Content > Configuration, on the grid, select the theme with the store view set in General Settings, then click on Edit.

Image Removed

- Under the Header section, upload or select the image for the logo on Logo Image field.

Image Removed

- Under the HTML Head section, select or upload images for the Favicon icon.

Image Removed

CopyRight

to Stores > Configuration > Magenest > CF Sample Data

Then for Magenest Sample Data for CF Theme, choose Sample Data ver 1, after that click in Apply

Image Added

Home Page and 404 Customization

On the admin sidebar,

go

go to

Content > Configuration, on the grid, select the theme with the store view set in General Settings, then click on Edit.

On the Configuration page, under the Footer section, enter the content for the copyright on the Copyrights field.

Image Removed

Stores > Configuration > General Web > Default Pages

In CMS Home Page options, choose Home Page CF v3

In CMS No Route Page options, choose 404 Not Found CF v3

Then to save, click in Save Config button

Image Added

Front End Options

Block Customization

General Settings

Image Added

On the admin sidebar, go to

Content > Blocks > Add new block.

On New Block page

- Enable the block.
- Block Title: enter the name of the block.
- Store View: select a store that you want to display.
- Identifier: enter the Identifier of the block.
- Content: Enter the HTML content of block.

Block Footer Social

Block Title: foot-social.
Store View: select a store that you want to display.
Identifier: foot-social.
Content:

Code Block

<div class="widget block block-static-block">
<div class="block-title">
<h3>social</h3>
</div>
<div class="block-content">
<ul class="link-social">
<li><a class="link-facebook" href="#">facebook</a></li>
<li><a class="link-twitter" href="#">twitter</a></li>
<li><a class="link-google" href="#">google</a></li>
<li><a class="link-pinterest" href="#">pinterest</a></li>
</ul>
</div>
</div>

Block Logo Paypal

Block Title: foot-pay.
Store View: select a store that you want to display.
Identifier: foot-pay.
Content:

Code Block

<div class="widget block block-static-block">
<div class="block-title">
<h3>Paypal</h3>
</div>
<div class="block-content">
<ul class="link-paypal">
<li>cc-visa</li>
<li>cc-paypal</li>
<li>cc-mastercard</li>
</ul>
</div>
</div>

Block About

Block Title: foot-About.
Store View: select a store that you want to display.
Identifier: foot-about.
Content:

Code Block

<div class="widget block block-static-block">
<div class="block-title">
<h3>About</h3>
</div>
<div class="block-content">Magenest is leading eCommerce company with professional solutions for Magento and Woocommerce platform. Besides, we provide integration services for installation of components on your systems or application of software for eCommerce businesses</div>
</div>

Block Help

Block Title: foot-help.
Store View: select a store that you want to display.
Identifier: foot-help.
Content:

Code Block

<div class="widget block block-static-block">
<div class="block-title">
<h3>HELP</h3>
</div>
<div class="block-content">
<ul class="link">
<li><a href="#">FAQ </a></li>
<li><a href="#">ORDER TRACKING</a></li>
<li><a href="#">SHIPPING AND HANDLING</a></li>
<li><a href="#">PAYMENT METHODS</a></li>
<li><a href="#">RET</a></li>
</ul>
</div>
</div>

Block Info

Block Title: foot-info.
Store View: select a store that you want to display.
Identifier: foot-help.
Content:

Code Block

<div class="widget block block-static-block">
<div class="block-title">
<h3>INFOMATION</h3>
</div>
<div class="block-content">
<ul class="link">
<li><a href="#">About Us </a></li>
<li><a href="#">Delivery Information</a></li>
<li><a href="#">Privacy Policy </a></li>
<li><a href="#">Terms Conditions</a></li>
<li><a href="#">Sevices</a></li>
<li><a href="#">Customer service</a></li>
</ul>
</div>
</div>

Block Contact

Block Title: foot-contact.
Store View: select a store that you want to display.
Identifier: foot-contact.
Content:

Code Block

<div class="widget block block-static-block">
<div class="block-title">
<h3>CONTACT US</h3>
</div>
<div class="block-content">
<div class="content-contact">
<table>
<tbody>
<tr>
<td>&nbsp;</td>
<td>5411 South Tripp Avenue Chicago, USA</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>+1 773-767-2567 <br>+1 773-436-0123</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>[email protected]</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>

Stores > Configuration > Magenest > Frontend Options > General Setting

In this section, you can enable/disable sticky header; change the color, background color of header/ footer

Image Added

Options of CSS Library are also customizable

Image Added

Configure Google Fonts in order to change your font
- Enable: Choose Yes to start
- Google Font Family: Choose your preferrable one
- Apply Font: Choose Yes if you want to apply your chosen font on Store View

Image Added

Theme's Features

Add customized Header link

Home page customization

On the admin sidebar, go to Content >

Pages.

Blocks

On the Pages grid, select the page has “Url Key” = “home”, click Select > Edit.

Image Removed

On the edit page, expand the Content section and paste the code below.

Code Block

<div class="block-slide-style1">
<div class="owl-slide-style1">
<div class="item-slide"><img src="{{view url='images/theme/slide4.jpg'}}" alt=""></div>
<div class="item-slide"><img src="{{view url='images/theme/slide4.jpg'}}" alt=""></div>
</div>
</div>
<div class="block-image-style1"><a class="image-colum1" href="#"><img src="{{view url='images/theme/image1.jpg'}}" alt=""> </a> <a class="image-colum2" href="#"><img src="{{view url='images/theme/image2.jpg'}}" alt=""></a> <a class="image-colum3" href="#"><img src="{{view url='images/theme/image3.jpg'}}" alt=""></a> <a class="image-colum4" href="#"><img src="{{view url='images/theme/image4.jpg'}}" alt=""></a></div>
<div class="block-new-style1">{{widget type="Magento\Catalog\Block\Product\Widget\NewWidget" display_type="new_products" products_count="10" template="Magento_Catalog::product/widget/new/content/new_grid.phtml"}}</div>
<div class="block-sales-style1">
<div class="container">
<div class="column-left"><img src="{{view url='images/theme/sale2-home3.jpg'}}" alt=""></div>
<div class="column-right">{{widget type="Magenest\Widget\Block\Product\Widget\HotSalesWidget" title="hot sale" products_count="10" template="Magenest_Widget::product/widget/sales/content/hot_sales_grid.phtml"}}</div>
</div>
</div>
<div class="block-brand-client">
<div class="block-brand-style1">
<div class="block-title">OUR BRAND</div>
<div class="owl-brand-style1">
<div class="item"><img src="{{view url='images/theme/dt1.jpg'}}" alt=""> <img src="{{view url='images/theme/dt2.jpg'}}" alt=""></div>
<div class="item"><img src="{{view url='images/theme/dt3.jpg'}}" alt=""> <img src="{{view url='images/theme/dt4.jpg'}}" alt=""></div>
<div class="item"><img src="{{view url='images/theme/dt5.jpg'}}" alt=""> <img src="{{view url='images/theme/dt6.jpg'}}" alt=""></div>
</div>
</div>
<div class="block-client-style1">
<div class="block-title">CLIENT SAY</div>
<div class="owl-client-style1">
<div class="item">
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.</p>
<br><strong>- John Wick - </strong>
<p>Developer</p>
</div>
<div class="item">
<p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as</p>
<br><strong>- John Wick - </strong>
<p>Developer</p>
</div>
</div>
</div>
</div>
<div class="block-3columns-text block-3columns-text-style1">
<div class="container">
<div class="col col-md-4">
<div class="item">
<div class="icon">&nbsp;</div>
<h3 class="title">Free shipping</h3>
<p class="text">Free shipping on all UK orders</p>
</div>
</div>
<div class="col col-md-4">
<div class="item">
<div class="icon">&nbsp;</div>
<h3 class="title">Monet guarentee</h3>
<p class="text">30 days money back fuarentee</p>
</div>
</div>
<div class="col col-md-4">
<div class="item">
<div class="icon">&nbsp;</div>
<h3 class="title">Online support</h3>
<p class="text">We support online 24/24 on day</p>
</div>
</div>
</div>
</div>

Select Edit of:

CF Menu Before to customize link at the beggining of your header
CF Menu After to customize link at the end of your header

Image Added

Choose your preferred Store View, and add customized link in Editor section

In the example, we add a link to Home Page

Image Added

Customized Header links in FrontEnd

Image Added

Additional Widgets

Widget Settings

Add new widget

Image Removed

On the admin sidebar, go to Content > Widgets > Add widget.

- Type: select CMS Static Block.
- Design Theme: select our Magenest Couture Fashion.

Image AddedThe following widgets are available for you to use:

Image Added

Flush Cache

After setting up all configurations, flush Magento Cache:

On the admin sidebar, go to System > Cache Management

Click in Flush Magento Cache button

Image Added

Front End Layout

Home

Desktop	Mobile	Tablet
Image Added	Image Added	Image Added

Image Removed Storefront Properties/ Layout Updates

- Widget Title: enter the widget name.
- Assign To Store Views: select the store you want to display widgets.
- Sort Order: enter the sort order of the new widget.
- Display on: choose a page to display the widget (Specific Page).
- Container: select the position for the widget ( Main Content Area, Page Footer Top Container, Page FooterCulumns Container ).

Image Removed Widget Options

Choose the block that is nearest to this widget.

Widget About

Image Removed Storefront Properties/ Layout Updates

- Sort Order: enter value "1".
- Display On: select All Page.
- Container: select Page Footer Columns Container.

Image Removed Widget Options

- Select the "foot-About" block you created.

Image Removed

Widget Social

Image Removed Storefront Properties/ Layout Updates

- Sort Order: Enter value "0".
- Display on: select All Page
- Container: select Page Footer Top Container

Image Removed Widget Options

- Select the "foot-social" block you created.

Image Removed

Widget Paypal

Image Removed Storefront Properties/ Layout Updates

- Sort Order: Enter value "0".
- Display on: select All Page.
- Container: select Page Footer Top Container.

Image Removed Widget Options

- Select the "foot-pay" block you created.

Image Removed

Widget Help

Image Removed Storefront Properties/ Layout Updates

- Sort Order: Enter value "0".
- Display on: select All Page.
- Container: select Page Footer Columns Container.

Image Removed Widget Options

- Select the "foot-help" block you created.

Image Removed

Widget Contact Us

Image Removed Storefront Properties/ Layout Updates

- Sort Order: Enter value "0".
- Display on: select All Page.
- Container: select Page Footer Columns Container.

Image Removed Widget Options

- Select the "foot-contact" block you created.

Image Removed

Widget Info

Image Removed Storefront Properties/ Layout Updates

- Sort Order: Enter value "0".
- Display on: select All Page.
- Container: select Page Footer Columns Container.

Image Removed Widget Options

- Select the "foot-info" block you created.

Image Removed

Front End Layout

Category

Category Gird
Desktop	Mobile	Tablet

Image Removed

Image Added

Image Removed

Image Added

Image Removed

Desktop	Mobile	Tablet
Image Added
Category List

Image Removed

Image Added

Image Removed

Image Added

Image Removed

Image Added

Product
details page

Details Page

Desktop

Mobile

Tablet

Image Removed

Image Added

Image Removed

Home

Image Added

DesktopMobileTablet

Image Removed

Update

When a bug fix or new feature is released, we will provide you with the product's new package.
All you need to do is repeating the above installing steps and uploading the package onto your store. The code will automatically override.
Flush the config cache. Your store and newly installed module should be working as expected.

Support

Magenest offers the response time can be up to 3-5 days.
We offers lifetime support free for all of our paid products. Support includes answering questions related to our products, bug/error fixing to make sure our products work well in your site exactly like our demo.
Support DOES NOT include other services as customize our product to fit your own needs, installation service, uninstallation service. We ONLY support you with exist features of product.
We’re not able to support third party plugins or ensure thatevery oneworks properly with our themes

License

All our themes are licensed under the OSL License. You have the right to use each purchased theme on one domain only. You are authorized to make any necessary modifications to themes to suit your needs.
Each theme comes bundled with plugins that are not licensed under the theme but have their own license. These plugins have been purchased for the use in the individual themes they are bundled with only.

Once again, thank you for purchasing our extension. If you have any questions relating to this extension, please do not hesitate to contact us for support.

Page tree

Page History

Versions Compared

Old Version 3

New Version Current

Key

Introduction

Requirements

Configuration

Enable the theme

Logo & Favicon

Sample Data

CopyRight

Home Page and 404 Customization

Front End Options

Block Customization

General Settings

Block Footer Social

Block Logo Paypal

Block About

Block Help

Block Info

Block Contact

Theme's Features

Add customized Header link

Additional Widgets

Widget Settings

Add new widget

Flush Cache

Front End Layout

Home

Widget About

Widget Social

Widget Paypal

Widget Help

Widget Contact Us

Widget Info

Front End Layout

Category

Product

Details Page

Home

Update

Support

License