QuadMenu Carousel

[vc_row background=”primary” el_id=”general” css=”.vc_custom_1513349032946{padding-right: 0px !important;padding-left: 0px !important;}”][vc_column width=”1/3″][quadmenu_vc menu=”73″ theme=”quadmenu_documentation”][/vc_column][vc_column width=”2/3″][vc_raw_html]JTNDc3R5bGUlM0UlMEElMjNtYWluLWNvbnRlbnQlMjAuZ3NjLWNvbnRyb2wtY3NlJTIwJTdCJTBBJTA5cGFkZGluZyUzQSUyMDAlM0IlMEElMDljbGVhciUzQSUyMGJvdGglM0IlMEElMDlib3JkZXIlM0ElMjBub25lJTNCJTBBJTdEJTBBJTIzbWFpbi1jb250ZW50JTIwLmdzYy1jb250cm9sLWNzZSUyMC5nc2Mtc2VhcmNoLWJveCUyMCU3QiUwQSUwOWJhY2tncm91bmQlM0ElMjAlMjNmMGYwZjAlM0IlMEElMDljbGVhciUzQWJvdGglM0IlMEElMDlwb3NpdGlvbiUzQXJlbGF0aXZlJTNCJTBBJTA5cGFkZGluZyUzQSUyMDIwcHglM0IlMEElMDlib3gtc2l6aW5nJTNBYm9yZGVyLWJveCUzQiUwQSUyMCUyMCUyMCUyMG1hcmdpbiUzQSUyMDAlM0IlMEElN0QlMEElMjNtYWluLWNvbnRlbnQlMjB0YWJsZS5nc2Mtc2VhcmNoLWJveCUyMHRkJTIwJTdCJTBBJTA5cGFkZGluZyUzQSUyMDAlMjAlMjFpbXBvcnRhbnQlM0IlMEElMDltYXJnaW4lM0ElMjAwJTNCJTBBJTA5Ym9yZGVyJTNBJTIwbm9uZSUzQiUwQSU3RCUwQSUyM21haW4tY29udGVudCUyMC5nc2MtaW5wdXQtYm94JTIwJTdCJTBBJTA5Ym9yZGVyJTNBJTIwbm9uZSUzQiUwQSUwOWJhY2tncm91bmQlM0ElMjBub25lJTNCJTBBJTA5aGVpZ2h0JTNBJTIwYXV0byUzQiUwQSU3RCUwQSUyM21haW4tY29udGVudCUyMC5nc2MtaW5wdXQtYm94JTIwaW5wdXQlMjAlN0IlMEElMDlib3JkZXIlM0ElMjAxcHglMjBzb2xpZCUyMCUyM2NjYyUyMCUyMWltcG9ydGFudCUzQiUwQSUwOXBhZGRpbmclM0ElMjAxMHB4JTIwJTIxaW1wb3J0YW50JTNCJTBBJTA5aGVpZ2h0JTNBJTIwNjBweCUyMCUyMWltcG9ydGFudCUzQiUwQSUwOWZvbnQtc2l6ZSUzQSUyMDIwcHglM0IlMEElMDlib3gtc2l6aW5nJTNBYm9yZGVyLWJveCUzQiUwQSUwOWJhY2tncm91bmQtcG9zaXRpb24teCUzQTEwcHglMjAlMjFpbXBvcnRhbnQlM0IlMEElN0QlMEElMEElMEElMjNtYWluLWNvbnRlbnQlMjAuY3NlJTIwaW5wdXQuZ3NjLXNlYXJjaC1idXR0b24lMkMlMEElMjNtYWluLWNvbnRlbnQlMjBpbnB1dC5nc2Mtc2VhcmNoLWJ1dHRvbiUyMCU3QiUwQSUyMCUyMCUyMCUyMG1pbi13aWR0aCUzQSUyMDYwcHglM0IlMEElMjAlMjAlMjAlMjBtaW4taGVpZ2h0JTNBJTIwNjBweCUzQiUwQSUyMCUyMCUyMCUyMHBhZGRpbmclM0ElMjAyM3B4JTNCJTBBJTIwJTIwJTIwJTIwd2lkdGglM0ElMjA2MHB4JTNCJTBBJTIwJTIwJTIwJTIwaGVpZ2h0JTNBJTIwNjBweCUzQiUwQSUyMCUyMCUyMCUyMGJvcmRlci1yYWRpdXMlM0ElMjAwJTIwNXB4JTIwNXB4JTIwMCUzQiUwQSUyMCUyMCUyMCUyMG1hcmdpbiUzQSUyMDAlM0IlMEElMjAlMjAlMjAlMjB2ZXJ0aWNhbC1hbGlnbiUzQSUyMG1pZGRsZSUzQiUwQSUyMCUyMCUyMCUyMGJvcmRlciUzQSUyMG5vbmUlM0IlMEElMjAlMjAlMjAlMjBiYWNrZ3JvdW5kLWltYWdlJTNBJTIwLXdlYmtpdC1ncmFkaWVudCUyOGxpbmVhciUyQ2xlZnQlMjB0b3AlMkNsZWZ0JTIwYm90dG9tJTJDZnJvbSUyOCUyMzRkOTBmZSUyOSUyQ3RvJTI4JTIzMzU3YWU4JTI5JTI5JTNCJTBBJTdEJTBBJTBBJTIzbWFpbi1jb250ZW50JTIwLmdzaWJfYiUyMCU3QiUwQSUwOXBvc2l0aW9uJTNBYWJzb2x1dGUlM0IlMEElMDlyaWdodCUzQTEyMHB4JTNCJTBBJTA5dG9wJTNBMjJweCUzQiUwQSU3RCUwQSUwQSUyM21haW4tY29udGVudCUyMC5nc2MtdGFibGUtcmVzdWx0JTJDJTBBJTIzbWFpbi1jb250ZW50JTIwLmdzYy10aHVtYm5haWwtaW5zaWRlJTJDJTBBJTIzbWFpbi1jb250ZW50JTIwLmdzYy11cmwtdG9wJTIwJTdCJTBBJTA5cGFkZGluZy1sZWZ0JTNBMCUyMCUyMWltcG9ydGFudCUzQiUwQSU3RCUwQSUwQSUyM21haW4tY29udGVudCUyMC5rYi1zZWFyY2gtbmF2JTIwaW5wdXQuZ3NjLXNlYXJjaC1idXR0b24lMkMlMEElMjNtYWluLWNvbnRlbnQlMjAuc2VhcmNoLXNpZGViYXIlMjBpbnB1dC5nc2Mtc2VhcmNoLWJ1dHRvbiU3QiUwQSUwOXBhZGRpbmclM0ExNXB4JTNCJTBBJTdEJTBBJTIzbWFpbi1jb250ZW50JTIwLmtiLXNlYXJjaC1uYXYlMjAuZ3NjLWlucHV0LWJveCUyMGlucHV0JTJDJTBBJTIzbWFpbi1jb250ZW50JTIwLnNlYXJjaC1zaWRlYmFyJTIwLmdzYy1pbnB1dC1ib3glMjBpbnB1dCU3QiUwQSUwOWhlaWdodCUzQTQ1cHglMjAlMjFpbXBvcnRhbnQlM0IlMEElMDlwYWRkaW5nJTNBMTBweCUzQiUwQSU3RCUwQSUyM21haW4tY29udGVudCUyMC5rYi1zZWFyY2gtbmF2JTIwLmdzaWJfYiUyQyUwQSUyM21haW4tY29udGVudCUyMC5zZWFyY2gtc2lkZWJhciUyMC5nc2liX2IlN0IlMEElMDlyaWdodCUzQTUwcHglM0IlMEElMDl0b3AlM0ExNnB4JTNCJTBBJTdEJTBBJTBBLmdzYy1vdmVyZmxvdy1oaWRkZW4lMjAlMjNtYWluLWNvbnRlbnQlN0IlMEElMjAlMjBwb3NpdGlvbiUzQXN0YXRpYyUzQiUwQSU3RCUwQSUwQSU0MG1lZGlhJTIwc2NyZWVuJTIwYW5kJTIwJTI4bWluLXdpZHRoJTNBNzAwcHglMjklN0IlMEElMjAlMjAuZ3NjLW92ZXJmbG93LWhpZGRlbiUyMC5nc2MtcmVzdWx0cy13cmFwcGVyLW92ZXJsYXklN0IlMEElMjAlMjAlMjAlMjBtYXgtd2lkdGglM0E2MDBweCUzQiUwQSUyMCUyMCUyMCUyMG1hcmdpbiUzQTAlMjBhdXRvJTNCJTBBJTIwJTIwJTIwJTIwbGVmdCUzQTUwJTI1JTNCJTBBJTIwJTIwJTIwJTIwbWFyZ2luLWxlZnQlM0EtMzAwcHglM0IlMEElMjAlMjAlN0QlMEElN0QlMEElMEEuZ3NjLWFib3ZlLXdyYXBwZXItYXJlYSUyMHRkJTJDJTBBLmdzYy1yZXN1bHRzYm94LXZpc2libGUlMjB0ZCUyMCU3QiUwQSUyMCUyMCUyMCUyMHBhZGRpbmclM0ElMjAwJTNCJTBBJTIwJTIwJTIwJTIwYm9yZGVyJTNBJTIwbm9uZSUzQiUwQSU3RCUwQSUzQyUyRnN0eWxlJTNFJTBBJTBBJTNDZGl2JTIwY2xhc3MlM0QlMjJrYi1jc2Utc2MlMjIlM0UlMjAlMEElM0NzY3JpcHQlM0UlMEElMjAlMjAlMjhmdW5jdGlvbiUyOCUyOSUyMCU3QiUwQSUyMCUyMCUyMCUyMHZhciUyMGN4JTIwJTNEJTIwJTI3MDAxNDQzNTEwMTc4Mzc2MjQyMDY0JTNBOTB2MXZvNHlveWklMjclM0IlMEElMjAlMjAlMjAlMjB2YXIlMjBnY3NlJTIwJTNEJTIwZG9jdW1lbnQuY3JlYXRlRWxlbWVudCUyOCUyN3NjcmlwdCUyNyUyOSUzQiUwQSUyMCUyMCUyMCUyMGdjc2UudHlwZSUyMCUzRCUyMCUyN3RleHQlMkZqYXZhc2NyaXB0JTI3JTNCJTBBJTIwJTIwJTIwJTIwZ2NzZS5hc3luYyUyMCUzRCUyMHRydWUlM0IlMEElMjAlMjAlMjAlMjBnY3NlLnNyYyUyMCUzRCUyMCUyN2h0dHBzJTNBJTJGJTJGY3NlLmdvb2dsZS5jb20lMkZjc2UuanMlM0ZjeCUzRCUyNyUyMCUyQiUyMGN4JTNCJTBBJTIwJTIwJTIwJTIwdmFyJTIwcyUyMCUzRCUyMGRvY3VtZW50LmdldEVsZW1lbnRzQnlUYWdOYW1lJTI4JTI3c2NyaXB0JTI3JTI5JTVCMCU1RCUzQiUwQSUyMCUyMCUyMCUyMHMucGFyZW50Tm9kZS5pbnNlcnRCZWZvcmUlMjhnY3NlJTJDJTIwcyUyOSUzQiUwQSUyMCUyMCU3RCUyOSUyOCUyOSUzQiUwQSUzQyUyRnNjcmlwdCUzRSUwQSUzQ2djc2UlM0FzZWFyY2glMjBnbmFtZSUzRCUyMnF1YWRtZW51LTMlMjIlM0UlM0MlMkZnY3NlJTNBc2VhcmNoJTNFJTBBJTNDJTJGZGl2JTNF[/vc_raw_html][vsc-section-title title=”8.4. QuadMenu Carousel“]You can use this item to create a Carousel Mega Menu with panels, where you can insert any type of content.[/vsc-section-title][vc_column_text]To include a Carousel menu you have to make sure your menu location is activated on QuadMenu.

After you activate the menu location a new metabox, named QuadMenu Items, will appear on the menu editor sidebar.

If you expand this tab, you will see the advanced elements: Icon, Mega, Tabs, Search, Login and Cart.[/vc_column_text][vsc-text-icon title_size=”h5″ align=”left” type=”linecons” icon_linecons=”vc_li vc_li-location” title=”Appearance > Menus > Menu > QuadMenu Carousel”][/vsc-text-icon][vc_empty_space height=”30px”][vc_video link=”https://www.youtube.com/watch?v=jTUX8eDs2LY”][/vc_column][/vc_row][vc_row full_width=”stretch_row” vsc_bg_color=”#f0f0f0″ css=”.vc_custom_1513454769122{margin-top: 60px !important;padding-top: 60px !important;padding-bottom: 60px !important;}”][vc_column width=”1/2″][vsc-section-title title=”8.41. Carousel Tab”]In this tab you can find the settings that allows customize the carousel behaviour and and its layout.[/vsc-section-title][vsc-text-icon title_size=”h5″ align=”left” type=”linecons” icon_linecons=”vc_li vc_li-location” title=”Appearance > Menus > Menu > Carousel > Carousel”][/vsc-text-icon][vc_column_text css=”.vc_custom_1521489375621{margin-bottom: 0px !important;}”]QuadMenu includes the Owl Carousel system that provides a powerful and touch enabled carousel that lets you create a beautiful responsive carousel slider..[/vc_column_text][/vc_column][vc_column width=”1/2″][vc_single_image image=”12003″][/vc_column][/vc_row][vc_row css=”.vc_custom_1513454646600{padding-top: 60px !important;}”][vc_column width=”1/2″][vc_single_image image=”12000″][/vc_column][vc_column width=”1/2″][vsc-section-title title=”8.4.2. Panels Tab”]This tab is included in carousel menu items and here you can include the panels  that will be available in the carousel.[/vsc-section-title][vsc-text-icon title_size=”h5″ align=”left” type=”linecons” icon_linecons=”vc_li vc_li-location” title=”Appearance > Menus > Menu > Carousel > Panel”][/vsc-text-icon][vc_column_text]To include new columns in the mega menu just click the Column button, at the top left corner of the columns box.

A new column will be included in the menu with the default size of 12 columns in mobile devices and 6 columns in tables.

You have make sure that the total sum of the columns by device size does not exceed 12 columns.[/vc_column_text][/vc_column][/vc_row][vc_row full_width=”stretch_row”][vc_column width=”1/2″][vsc-section-title title=”8.4.3. Panel“]Once you create a carousel you can add as many panels as you want. Inside each panel you can include columns and edit its width for the different screens sizes. Also you can set the column hidden property for each size. Just keep in mind that you must not exceed 12 columns within an item.[/vsc-section-title][vsc-text-icon title_size=”h5″ align=”left” type=”linecons” icon_linecons=”vc_li vc_li-location” title=”Appearance > Menus > Menu > Carousel > Panel > Column”][/vsc-text-icon][vc_column_text]By click inside the column a new metabox called QuadMenu Widgets will be included in the menu sidebar, and a new button will be included in all items metabox just beside the “Add to Menu” button.[/vc_column_text][vc_column_text]Then you can select the items and press the blue button to include this menu items in to the column.[/vc_column_text][/vc_column][vc_column width=”1/2″][vc_single_image image=”11053″][/vc_column][/vc_row][vc_row full_width=”stretch_row” vsc_bg_color=”#f0f0f0″ css=”.vc_custom_1513454701467{padding-top: 60px !important;}”][vc_column][vc_video link=”https://www.youtube.com/watch?v=jTUX8eDs2LY”][/vc_column][/vc_row]