Willer Pro Documentation

Willer Pro Documentation A Multi Concept Theme Hi, and welcome to the Willer User Guide. Let’s begin! 1 Theme Installation WordPress upload Login to your WordPress admin panelNavigate to Appearance > Themes > Add New > Upload ThemeClick on Choose File and select willer.zipClick on Install Now FTP upload Extract the willer.zip file you previously located.Using an FTP client, login to the server where your WordPress website is hostedUsing an FTP client, navigate to the /wp-content/themes/ directory under your WordPress website’s root directoryUsing an FTP client, upload the previously extracted willer folder to the themes directory on your remote server Once the installation is complete, your Wiler theme will be ready for use. Now all you need to do is navigate to Appearance > Themes and activate the Willer theme. After you have done this, you should see Willer Options appear in the left navigation bar of your WordPress admin panel, under the heading Appearance. When you first install the theme you’ll see a popup on your dashboard from the theme asking you to install a number of plugins. Update from the Free Version 1st method Deactivated the Willer free themeDelete the themeProceed with the installation indicated previously 2nd method Download the “update-theme-and-plugins-from-zip-file” plugin from the official WordPress repository https://wordpress.org/plugins/update-theme-and-plugins-from-zip-file/Go to WordPress DashboardSelect PluginInstall nowSelect the zip file you downloadedActive PluginProceed with the installation indicated previously Importing Demo Content With the Willer theme, you have the option to either start creating your site from scratch, or choosing to import the demo, to use as a starting point, and then modifying it to suit your needs. In this section we will explain how to do the latter. Navigate to Tools > Import > WordPress > Install NowRun Importer > Upload File and importChoose the file Theme Files/Demo Content/willer.wordpress.xmlCheck the box : Download and import file attachmentsImport AttachmentsSubmit Note​If the import is not successful, you can install the “Theme Demo Importer” plugin, which can be downloaded from the official WordPress website https://wordpress.org/plugins/theme-demo-import/ Once the plugin is installed and activated, the file is imported Theme Files/Demo Content/willer.wordpress.xml Navigate to Apparence > Import Demo ContentChoose fileImport Demo Content 2 Using Willer Once you’ve installed Willer, you can start building your site. In this section of the User Guide we will explain how you can upload your logo, create your menu, set up your footer area and customize the general look. UPLOADER YOUR LOGO Navigate to Appearance > Customize > Site Identity > Select LogoChoose whether to enable the site namePublished From here you can customize: Enable/Disable rotation logoFont size Logo (px)Site icon MENU CREATION Willer has two menu areas, one in the general site and one in the Ecommerce,in this way you can create two different menus. Navigate to Appearance > MenusClick on Create a new menu.Enter a name for your new menu and then click Create Menu. To expand the menu, proceed as follows: Screen OptionsCheck the box : CSS ClassesAdd this CSS class : willer-menu-columnsUnder the dropdown menu Note: if you have very long titles for the menu, you have to enlarge it,​adding these classes to Additional CSS ( Navigate to Appearance > Customize > Additional CSS ).​.willer-menu-columns ul.dropdown-menu li {width:250px;(enter the desired value)}.willer-menu-columns ul.dropdown-menu.show{width:550px;(enter the desired value)}​To add a post image in the menu proceed as follows: Screen OptionsCheck the box : CSS ClassesAdd this CSS class : willer-special-dropdown-imgunder the dropdown menu FOOTER To set up your footer: Navigate to Appearance > Customize > Footer > Settings FooterChoose the number of columns for the footer widgets ( 1/2/3/4 )Title Link FooterLink FooterEnable/Disable Custom Logo in FooterEnable/Disable Copyright in FooterEnable/Disable Social in Footer The function “Height Footer (px)” serves to increase or decrease the height of the Footer, based on the widgets chosen for the Footer. This topic will be covered in the widget section. CUSTOMIZE GENERAL LOOK Now let’s set up the general look and feel of your site. General Settings Navigate to Appearance > Customize > General SettingsPreloader : Enable/Disable PreloaderLogin: Enable/Disable Login IconBack To Top: Enable/Disable Back To Top,Enable/Disable Back To Top DevicesSidebar in devices: Enable/Disable sidebar in mobile devicesMenu right: Enable/Disable Menu Right, Select Menu Right page, Enable/Disable Social Icons Section Home Willer Note: this section works when a static page has been set in Homepage Settings, this topic will be covered in the Page section.​ Navigate to Appearance > Customize > Section Home WillerServices: Select Services page, Select Category Post for ServicesGallery: Select Category Post for Gallery 1/2/3/4/5/6Testimonials: Select Category Post for Testimonials CarouselBrand: Select Category Post for Brand CarouselAbout Me: Select About pagePortfolio: Select Category Post for PortfolioTeam: Select Team page, Select Category Post for TeamBlog: Select Category Post for Blog 1/2, Title Blog Slider, Subtitle Blog Slider, Title Blog Slider, Subtitle Blog Slider,Select category post for Blog sliderParallax: Select name page for ParallaxContact: Select name page for Contact Colors Navigate to Appearance > Customize > ColorsSelect a default Skins ( Default, Black, White, Colors)Or customize all colors to your liking Header Navigate to Appearance > Customize > Header ImageSelect an image for the headerSelect category post for Header Static, this topic will be covered in the Page section. General Social Navigate to Appearance > Customize > SocialSettings SocialEnable the desired Social with related links Note: Social Generals are different from Social for Teams and V-cards!​ 404 Page Navigate to Appearance > Customize > 404 Page > Settings 404 PageSelect the page for 404 PageSelect a color for Text Image 404 Page Font Navigate to Appearance > Customize > Font > Font FamilyChoose Font Family for titleChose Font Family for subtitle 3 Pages HOMEPAGE Let’s start by creating a page with the name “Home” (you can choose a name as you like). Navigate to Pages > Add NewAdd title “Home”Page Attribute > Template > Home WillerReload the pageNow the meta boxes will appear to customize this page Note: You can create pages indefinitely, and give each one a different personalization!​General color These options are used to customize the general colors of the page Text color image slider parallaxText color image slider zoomBackground color border general imageBackground color filter Gallery imageText color image GalleryText color image Parallax Sectors This option is very important, used to establish the order of the sections that will appear on this page. Select a Section for the Sector 0 : the sector 0, is the sector of the header, you can choose to make it appear or not. If you choose “Header Static” you can use the function in the Customizer to load an image in the Header with the possibility to choose the category of the post to be displayed. To access this customization: navigate to Appearance > Header Image.Select a Section for Sector 1/2/3/4/5/6/7/8/9/10 : you can put the sections to your liking. Header This option is used to set the categories to show the post in the “Vertical Slider” and “Zoom Slider” sections. Choose the categories for Vertical Slider (Multiple selection enabled)Choose the categories for Zoom Slider (Multiple selection enabled) To publish Once these personalizations have been completed, you can proceed to publish the page and set it as the site’s home page. PublishNavigate to Appearance > Customize > Homepage Settings > A static page > Homepage > Select the page you just created. ABOUT ME PAGE Let’s create a new page with the name “About Me” (you can choose a name as you like). Navigate to Pages > Add NewAdd title “About Me”Page Attribute > Template > About MEReload the pageNow the meta boxes will appear to customize this page Note: You can create pages indefinitely, and give each one a different personalization!​ Enable Breadcrumb (Enable or disable the breadcrumbs on this page)Enable Social(Enable social icons on this page, based on the icons enabled in Customize -paragraph 2-) V-Card General Enable V-cardChoose the category for V-card(Multiple selection enabled) : this option is used to select the category of the post that will insert the link inside the V-Card button on this page (in the button the link that will lead to the chosen article and the name of the article will appear) Brands General Enable Brands Categories Choose the categories to show the Posts in the Carousel Brands(Multiple selection enabled) To publish Once these personalizations have been completed, you can proceed to publish the page. Publish ABOUT US PAGE Let’s create a new page with the name “About US” (you can choose a name as you like). Navigate to Pages > Add NewAdd title “About US”Page Attribute > Template > About USIn this “About US” template you can load the second image. (Only in this model is enabled!)Reload the pageNow the meta boxes will appear to customize this page Note: You can create pages indefinitely, and give each one a different personalization!​ Enable Breadcrumb (Enable or disable the breadcrumbs on this page)Enable Effect Image(This option is used to enable or disable effect image Header on this page)Text color image (Header page)Background color image TestimonialsEnable Social(Enable social icons on this page, based on the icons enabled in Customize -paragraph 2-) Statistics General Enable Section Statistics Statistics 1/2/3 Title Statistics 1/2/3Percentage Statistics 1/2/3 Testimonials General Enable TestimonialsTitle TestimonialsSubtitle Testimonials Categories Choose the categories to show the Posts Testimonials(Multiple selection enabled) Portfolio General Enable Section PortfolioChoose the page for the Portfolio(Select a page for the Portfolio – the title and link will appear on this page) Column 1/2/3/4 Title Column 1/2/3/4Choose the categories to show the Posts in the Column 1/2/3/4 (Multiple selection enabled) Team General Enable TeamChoose the page for the Team (Select a page for the Team – the title and link will appear on this page) Post Choose the categories for Team(Multiple selection enabled) To publish Once these personalizations have been completed, you can proceed to publish the page. Publish BLOG METRO PAGE Let’s create a new page with the name “Blog Metro” (you can choose a name as you like). Navigate to Pages > Add NewAdd title “Blog Metro”Page Attribute > Template > Blog MetroReload the pageNow the meta boxes will appear to customize this page Note: You can create pages indefinitely, and give each one a different personalization!​ Blog Metro General Enable Breadcrumb (Enable or disable the breadcrumbs on this page)Text color image (Header page) Layout Select Column number for Page Blog Metro ( 3/4 Columns)Select Layout for Page Blog Metro ( Full width / Box) Post Select Number Post for Page Blog MetroChoose the categories for Blog Metro(Multiple selection enabled)Enable date and authorEnable categories and comment To publish Once these personalizations have been completed, you can proceed to publish the page. Publish BLOG NO SIDEBAR PAGE Let’s create a new page with the name “Blog no Sidebar” (you can choose a name as you like). Navigate to Pages > Add NewAdd title “Blog no Sidebar”Page Attribute > Template > Blog no SidebarReload the pageNow the meta boxes will appear to customize this page Note: You can create pages indefinitely, and give each one a different personalization!​ Blog no Sidebar General Enable Breadcrumb (Enable or disable the breadcrumbs on this page)Text color image (Header page) Layout Select Column number for Page Blog no Sidebar ( 3/4 Columns)Select Layout for Page Blog no Sidebar ( Full width / Box) Post Select Number Post for Page Blog no SidebarChoose the categories for Blog no Sidebar(Multiple selection enabled)Enable date and authorEnable categories and comment To publish Once these personalizations have been completed, you can proceed to publish the page. Publish BLOG SIDEBAR LEFT PAGE Let’s create a new page with the name “Blog Sidebar Left” (you can choose a name as you like). Navigate to Pages > Add NewAdd title “Blog Sidebar Left”Page Attribute > Template > Blog Sidebar LeftReload the pageNow the meta boxes will appear to customize this page Note: You can create pages indefinitely, and give each one a different personalization!​ Blog Sidebar Left General Enable Breadcrumb (Enable or disable the breadcrumbs on this page)Text color image (Header page) Layout Select Column number for Page Blog Sidebar Left( 3/4 Columns)Select Layout for Page Blog Sidebar Left ( Full width / Box) Post Select Number Post for Page Blog Sidebar LeftChoose the categories for Blog Sidebar Left(Multiple selection enabled)Enable date and authorEnable categories and comment To publish Once these personalizations have been completed, you can proceed to publish the page. Publish BLOG SIDEBAR RIGHT PAGE Let’s create a new page with the name “Blog Sidebar Right” (you can choose a name as you like). Navigate to Pages > Add NewAdd title “Blog Sidebar Right”Page Attribute > Template > Blog Sidebar RightReload the pageNow the meta boxes will appear to customize this page Note: You can create pages indefinitely, and give each one a different personalization!​ Blog Sidebar Right General Enable Breadcrumb (Enable or disable the breadcrumbs on this page)Text color image (Header page) Layout Select Column number for Page Blog Sidebar Right( 3/4 Columns)Select Layout for Page Blog Sidebar Right ( Full width / Box) Post Select Number Post for Page Blog Sidebar RightChoose the categories for Blog Sidebar Right(Multiple selection enabled)Enable date and authorEnable categories and comment To publish Once these personalizations have been completed, you can proceed to publish the page. Publish BLOG WILLER PAGE Let’s create a new page with the name “Blog Willert” (you can choose a name as you like). Navigate to Pages > Add NewAdd title “Blog Willer”Page Attribute > Template > Blog WillerReload the pageNow the meta boxes will appear to customize this page Note: You can create pages indefinitely, and give each one a different personalization!​ Blog Willer General Enable Breadcrumb (Enable or disable the breadcrumbs on this page)Text color image (Header page) Post Select Number Post for Page Blog WierChoose the categories for Blog Sidebar Right(Multiple selection enabled)Enable date and author To publish Once these personalizations have been completed, you can proceed to publish the page. Publish CONTACT PAGE In this template you can decide to insert the image in the header or even a Widget (for example a map!) Let’s create a new page with the name “Contact” (you can choose a name as you like). Navigate to Pages > Add NewAdd title “Contact”Page Attribute > Template > ContactReload the pageNow the meta boxes will appear to customize this page Note: You can create pages indefinitely, and give each one a different personalization!​ Page Contact Enable Breadcrumb (Enable or disable the breadcrumbs on this page)Enable Social(Enable social icons on this page, based on the icons enabled in Customize -paragraph 2-Select Layout for Page Contact ( Full width / Box) To publish Once these personalizations have been completed, you can proceed to publish the page. Publish FAQ PAGE Let’s create a new page with the name “Faq” (you can choose a name as you like). Navigate to Pages > Add NewAdd title “Faq”Page Attribute > Template > FaqReload the pageNow the meta boxes will appear to customize this page Note: You can create pages indefinitely, and give each one a different personalization!​ Page Faq General Enable Breadcrumb (Enable or disable the breadcrumbs on this page)Enable Effect Image(Header Page)Text color image (Header page)Select Layout for Page Faq ( Full width / Box) Faq Select Number Post for Page FaqChoose the categories for Faq (Multiple selection enabled) Carousel General Enable CarouselTitle CarouselSubtitle Carosel Carousel 1/2/3 Choose the categories for Carousel 1/2/3 (Multiple selection enabled) To publish Once these personalizations have been completed, you can proceed to publish the page. Publish PORTFOLIO STANDARD PAGE Let’s create a new page with the name “Portfolio Standard Page” (you can choose a name as you like). Navigate to Pages > Add NewAdd title “Portfolio Standard”Page Attribute > Template > Portfolio StandardReload the pageNow the meta boxes will appear to customize this page Note: You can create pages indefinitely, and give each one a different personalization!​ Portfolio Standard General Enable Breadcrumb (Enable or disable the breadcrumbs on this page)Select Effect Hover(You can choose from 19 hover effects for Portfolio images)Background color for filter image Layout Select Column number for Page Portfolio Standard ( 2/3/4 Columns)Select Layout for Page Portfolio Standard ( Full width / Box) Post Select Number Post for Page Portfolio StandardChoose the categories for Portfolio Standard (Multiple selection enabled) To publish Once these personalizations have been completed, you can proceed to publish the page. Publish PORTFOLIO STANDARD PAGE-PAGE Let’s create a new page with the name “Portfolio Standard Page-Page” (you can choose a name as you like). Navigate to Pages > Add NewAdd title “Portfolio Standard Page”Page Attribute > Template > Portfolio Standard PageReload the pageNow the meta boxes will appear to customize this page Note: You can create pages indefinitely, and give each one a different personalization!​ Portfolio Standard Page General Choose the page for all Portfolio (Page that contains all the categories in the portfolio)Enable Breadcrumb (Enable or disable the breadcrumbs on this page)Select Effect Hover(You can choose from 19 hover effects for Portfolio images)Background color for filter image Layout Select Column number for Page Portfolio Standard ( 2/3/4 Columns)Select Layout for Page Portfolio Standard ( Full width / Box) Post Select Number Post for Page Portfolio StandardChoose the categories for Portfolio Standard (Multiple selection enabled) To publish Once these personalizations have been completed, you can proceed to publish the page. Publish PORTFOLIO WILLER PAGE-PAGE Let’s create a new page with the name “Portfolio Willer Page-Page” (you can choose a name as you like). Navigate to Pages > Add NewAdd title “Portfolio Willer Page”Page Attribute > Template > Portfolio Willer PageReload the pageNow the meta boxes will appear to customize this page Note: You can create pages indefinitely, and give each one a different personalization!​ Portfolio Willer Page General Enable Breadcrumb (Enable or disable the breadcrumbs on this page)Background color for filter image Layout Select Column number for Page Willer Standard ( 2/3/4 Columns)Select Layout for Page Portfolio Willer ( Full width / Box) Post Select Number Post for Page Portfolio WillerChoose the categories for Portfolio Willer (Multiple selection enabled) To publish Once these personalizations have been completed, you can proceed to publish the page. Publish PORTFOLIO WILLER SLIDER PAGE Let’s create a new page with the name “Portfolio Willer Slider” (you can choose a name as you like). Navigate to Pages > Add NewAdd title “Portfolio Slider”Page Attribute > Template > Portfolio Willer ParallaxReload the pageNow the meta boxes will appear to customize this page Note: You can create pages indefinitely, and give each one a different personalization!​ Portfolio Willer Slider Choose the categories for Portfolio Willer (Multiple selection enabled)Text color image To publish Once these personalizations have been completed, you can proceed to publish the page. Publish PORTFOLIO WILLER PAGE Let’s create a new page with the name “Portfolio Willer Page” (you can choose a name as you like). Navigate to Pages > Add NewAdd title “Portfolio Willer”Page Attribute > Template > Portfolio WillerReload the pageNow the meta boxes will appear to customize this page Note: You can create pages indefinitely, and give each one a different personalization!​ Portfolio Willer General Enable Breadcrumb (Enable or disable the breadcrumbs on this page)Enable Nav SliderBackground color slider imageText Color slider image Page 1/2/3/4 Choose the categories for page Portfolio 1/2/3/4 (Multiple selection enabled)Choose the page for the Portfolio 1/2/3/4 To publish Once these personalizations have been completed, you can proceed to publish the page. Publish OUR PROCESS PAGE Let’s create a new page with the name “Our Process” (you can choose a name as you like). Navigate to Pages > Add NewAdd title “Our Process”Page Attribute > Template > Our ProcessReload the pageNow the meta boxes will appear to customize this page Note: You can create pages indefinitely, and give each one a different personalization!​ Our Process General Enable Breadcrumb (Enable or disable the breadcrumbs on this page) Step 1/2/3/4/5 Choose the categories for Step 1/2/3/4/5 (Multiple selection enabled) To publish Once these personalizations have been completed, you can proceed to publish the page. Publish SERVICES PAGE Let’s create a new page with the name “Services” (you can choose a name as you like). Navigate to Pages > Add NewAdd title “Services”Page Attribute > Template > SevicesReload the pageNow the meta boxes will appear to customize this page Note: You can create pages indefinitely, and give each one a different personalization!​ Services General Enable Breadcrumb (Enable or disable the breadcrumbs on this page)Enable Image Effect (Header)Text color imageBackground color Price(Select background color for text price Product Services)Background color Faq (Select background color for text Faq Services)Color text Faq (Select color for text end icons Faq Services) Statistics General Enable StatisticsSelect Layout for Statistics section( Full width/Box) Statistcs 1/2/3/4 Title Statistics 1/2/3/4Percentage Statistics 1/2/3/4 Our Services Title Our ServicesSubtitle Our ServicesChoose the categories for Our ServicesSelect Layout for Statistics section( Full width/Box) Price Enable Section Items for SaleTitle Items for saleSubtitle Items for saleSelect Categories for Items for sale 2 ArticleSelect Categories for Items for sale Featured ArticleSelect Categories for Items for sale 1 ArticleSelect Layout for Statistics section( Full width/Box) FAQ General Enable Section FaqChoose the page for the FaqSelect Layout for Statistics section( Full width/Box) Faq 1/2/3/4/5/6 Choose the categories for Faq 1/2/3/4/5/6 To publish Once these personalizations have been completed, you can proceed to publish the page. Publish TEAM PAGE Let’s create a new page with the name “Team” (you can choose a name as you like). Navigate to Pages > Add NewAdd title “Team”Page Attribute > Template > TeamReload the pageNow the meta boxes will appear to customize this page Note: You can create pages indefinitely, and give each one a different personalization!​ Team General Enable Breadcrumb (Enable or disable the breadcrumbs on this page)Enable Image Effect (Header)Text color image Post Select Number Post for Page TeamChoose the categories for Team Layout Select Layout for page Team( Full width/Box)Select Column number for Page Team ( 2/3/4/6) Brands Enable BrandsChoose the category for Brands To publish Once these personalizations have been completed, you can proceed to publish the page. Publish 4 Post POST NO SIDEBAR Let’s create a new post : Navigate to Post > Add NewAdd titlePost Attribute > Template > Post No SidebarReload the pageNow the meta boxes will appear to customize this post Post General Enable Breadcrumb (Enable or disable the breadcrumbs on this post)Enable Reading Point (Percentage of article reading progress)Enable date and authorEnable categories and comment Layout Select Layout post (Full width/Box) To publish Once these personalizations have been completed, you can proceed to publish this post. Publish POST SIDEBAR LEFT Let’s create a new post : Navigate to Post > Add NewAdd titlePost Attribute > Template > Post Sidebar LeftReload the pageNow the meta boxes will appear to customize this post Post Sidebar Left General Enable Breadcrumb (Enable or disable the breadcrumbs on this post)Enable Reading Point (Percentage of article reading progress)Enable date and authorEnable categories and comment Layout Select Layout post (Full width/Box) To publish Once these personalizations have been completed, you can proceed to publish this post. Publish POST SIDEBAR RIGHT Let’s create a new post : Navigate to Post > Add NewAdd titlePost Attribute > Template > Post Sidebar RightReload the pageNow the meta boxes will appear to customize this post Post Sidebar Right General Enable Breadcrumb (Enable or disable the breadcrumbs on this post)Enable Reading Point (Percentage of article reading progress)Enable date and authorEnable categories and comment Layout Select Layout post (Full width/Box) To publish Once these personalizations have been completed, you can proceed to publish this post. Publish POST PORTFOLIO Let’s create a new post : Navigate to Post > Add NewAdd titlePost Attribute > Template > Post PortfolioReload the pageNow the meta boxes will appear to customize this post Post Portfolio General Enable Breadcrumb (Enable or disable the breadcrumbs on this post)Enable Image Effect Layout Select Layout post (Full width/Box) To publish Once these personalizations have been completed, you can proceed to publish this post. Publish POST TEAM Let’s create a new post : Navigate to Post > Add NewAdd titlePost Attribute > Template > Post TeamReload the pageNow the meta boxes will appear to customize this post Post Team General Enable Breadcrumb (Enable or disable the breadcrumbs on this post)Enable Testimonials (This option is used to enable or disable Testimonials on this post) Layout Select Layout post (Full width/Box) Social Enable social media in this post with related custom links To publish Once these personalizations have been completed, you can proceed to publish this post. Publish POST V-CARD Let’s create a new post : Navigate to Post > Add NewAdd titlePost Attribute > Template > Post V-cardReload the pageNow the meta boxes will appear to customize this post Post V-card General Enable Breadcrumb (Enable or disable the breadcrumbs on this post) Social Enable social media in this post with related custom links To publish Once these personalizations have been completed, you can proceed to publish this post. Publish 5 Widgets Willer has 10 Widgets areas. Customize the Widgets: Navigate to Appearance > Customize > Widgets Based on the page you are on, the personalize will show the adjacent Widgets areas. Here are the 10 Areas Widgets. Sidebar This area is on the Blog pages and some articles with the sidebar. WIDGET FORM MENU RIGHT Menu This area is in the Menu right FOOTER 1/2/3/4 These four areas are found in the Footer. In Customize> Footer > Settings Footer, you can enable them one at a time, for example you can enter only 2 Widget areas, or 3, depending on your specific needs. HEADER CONTACT AND CONTENT CONTACT These two areas are in the contact page template, they can be used to insert maps and contact forms. WIDGET FORM POST V-CARD This widget area is located in the post V-card template SIDEBAR WOOCOMMERCE This area can be found in the Ecommerce section, obviously it can only be used if the Woocommerce plugin has been activated (We’ll talk about it in the next paragraph) 6 Ecommerce Willer comes with WooCommerce integration, which allows you to easily create an online shop. For more information on installing and configuring WooCommerce, please visit this page: https://docs.woocommerce.com/documentation/plugins/woocommerce/getting-started/. To start you need to create a new page of the Shop, with a title at will, for example “Shop”. Once the page is published, let’s go to: WooCommerce > Settings > Product In Shop Page we select the page just created and save. To create a new product, let’s go to: Products > Add New. Now we create the cart page: We create a new page with the name “Cart” and insert this Shortcode: Now we create the Checkout page: We create a new page with the name “Checkout” and insert this Shortcode: Now we create the My Account page: We create a new page with the name “My Account” and insert this Shortcode: Now let’s go to WooCommerce > Settings > Advanced We select: Cart page : Cart Checkout page: Checkout My account page: My Account and we save.

READ MORE

Quick guide to customize Willer Free

Hi,in this guide I will explain how to customize Willer in a few simple steps.Let's begin!  Customization with import of the Demo​As soon as you have installed and activated Willer, you will notice a Notification advising you to install 1 Plugin.So the first thing you need to do is to install and activate the Plugin. Now in the Dashboard in the "Appearance" Menu you have seen an entry "WILLER Import Demo".Enter this menu.Visit the "WillerStarter Demos" demo page, choose the demos you prefer and download it for free.Now unzip the zip file you just downloaded onto your desktop.Inside you will find 3 files.From the "WILLER Import Demo" menu select these 3 files respecting the extensions (.xml,. Wie,. Dat) and press the "Import Demo Data" button.Wait about 5 minutes (It also depends on the speed of your connection) and you will already have your site equal to the demo you have chosen. Now you can change the content as you see fit, and customize it as you wish. Common problems:in some cases the Homepage is not selected during the import. Then you can still notice the latest posts on your Homepage. To solve go in Customizer -> Homepage Settings -> Select -> Your homepage displays-> A static page and select "Home"! Customization without Demo​As soon as you have activated Willer on your Homepage you will have the latest articles published.To set up a Homepage with the various sections you must proceed in this way. 1 Create a new page with only the title for example "Home" and Attribute Page Template "Home Willer".2 Go to Customizer -> Homepage Settings -> Select -> Your homepage displays-> A static page and select "Home". Now you will have the sections on the home page and you can customize them as you wish. In order in the Customizer​Other SettingsPreloader: enable or disableBack To Top: enable or disableBreadcrumbs: enable or disableNav Menu: color and sizeMenu Right: page to appare and enable or disable Social MediaExcerpt lengthFont Family: titles and subtitlesSocialPost: enable or disable meta info and effect titleScroll Effect Images: enable or disable SectionsSlider: category post, height, margin and colorServices: page, category post, width Images and marginGallery: category post and marginTestimonials: page and marginAbout Me: page, color and marginPortfolio: page, color and marginTeam: page, category post and marginBlog: category post, title, enable or disable meta info, color and marginParallax: page, position button, height image and marginContact: page PagesHome Willer: order sections in sectors, font size title and color title Site IdentityTitle and tagline, enable or disable rotation logo, fonti size logo, title and subtitle, site icon Header MediaSelect Video or image, category post, enable or disable text in header, button play video, font size title and subtitle, color text Background ImagePossibility to insert an image and position MenusAdd menu WidgetsAdd Widget ( 4 for Footer and 1 for Blog) Homepage SettingsYour homepage displays ,your latest posts or a static page Additional CSSHere you can enter a custom style via css FooterHeight Footer, number column for widget area, enable or disable logo and social and copyright, size logo and color Theme StyleHere you can choose between 3 different colored skins and change the background color of the site Mobile DevicesEnable or disable back to top, sidebar, object fit image and icon scroll widget area

READ MORE

Willer Free Documentation

Willer Free – DocumentationA Multi Concept ThemeHi, and welcome to the Willer User Guide. Let’s begin! 1 Theme Installation WordPress upload Login to your WordPress admin panelNavigate to Appearance > Themes > Add New > Upload ThemeClick on Choose File and select willer.zipClick on Install Now FTP upload Extract the willer.zip file you previously located.Using an FTP client, login to the server where your WordPress website is hostedUsing an FTP client, navigate to the /wp-content/themes/ directory under your WordPress website’s root directoryUsing an FTP client, upload the previously extracted willer folder to the themes directory on your remote server Once the installation is complete, your Wiler theme will be ready for use. Now all you need to do is navigate to Appearance > Themes and activate the Willer theme. After you have done this, you should see Willer Options appear in the left navigation bar of your WordPress admin panel, under the heading Appearance. 2 Using Willer Once you’ve installed Willer, you can start building your site. In this section of the User Guide we will explain how you can upload your logo, create your menu, set up your footer area and customize the general look. UPLOADER YOUR LOGO Navigate to Appearance > Customize > Site Identity > Select LogoChoose whether to enable the site namePublished From here you can customize: Enable/Disable rotation logoFont size Logo (px)Site icon MENU CREATION Willer has two menu areas, one in the general site and one in the Ecommerce,in this way you can create two different menus. Navigate to Appearance > MenusClick on Create a new menu.Enter a name for your new menu and then click Create Menu. FOOTER To set up your footer: Navigate to Appearance > Customize > Footer > Settings FooterChoose the number of columns for the footer widgets ( 1/2/3/4 )Link FooterEnable/Disable Custom Logo in FooterEnable/Disable Copyright in FooterEnable/Disable Social in Footer The function “Height Footer (px)” serves to increase or decrease the height of the Footer, based on the widgets chosen for the Footer. This topic will be covered in the widget section. CUSTOMIZE GENERAL LOOK Now let’s set up the general look and feel of your site. General Settings Navigate to Appearance > Customize > General SettingsPreloader : Enable/Disable PreloaderBack To Top: Enable/Disable Back To Top,Enable/Disable Back To Top DevicesSidebar in devices: Enable/Disable sidebar in mobile devicesMenu right: Enable/Disable Menu Right, Select Menu Right page, Enable/Disable Social Icons Section Home Willer Note: this section works when a static page has been set in Homepage Settings, this topic will be covered in the Page section.​ Navigate to Appearance > Customize > Section Home WillerServices: Enable or Disable Section, Select Services page, Select Category Post for ServicesGallery: Enable or Disable Section, Select Category Post for Gallery 1/2/3/4/5/6Testimonials: Enable or Disable Section, Select Category Post for Testimonials CarouselAbout Me: Enable or Disable Section, Select About pagePortfolio: Enable or Disable Section, Select Category Post for PortfolioTeam: Enable or Disable Section, Select Team page, Select Category Post for TeamBlog: Enable or Disable Section, Select Category Post for Blog 1/2, Title Blog Slider, Subtitle Blog Slider, Title Blog Slider, Subtitle Blog Slider,Select category post for Blog sliderParallax: Enable or Disable Section, Select name page for ParallaxContact: Select name page for Contact Header Navigate to Appearance > Customize > Header ImageSelect an image for the headerSelect category post for Header Static, this topic will be covered in the Page section. General Social Navigate to Appearance > Customize > SocialSettings SocialEnable the desired Social with related links 3 Widgets Willer Free has 5 Widgets areas. Customize the Widgets: Navigate to Appearance > Customize > Widgets Based on the page you are on, the personalize will show the adjacent Widgets areas. Here are the 5 Areas Widgets. SIDEBAR This area is on the Blog pages and some articles with the sidebar. FOOTER 1/2/3/4 These four areas are found in the Footer. In Customize> Footer > Settings Footer, you can enable them one at a time, for example you can enter only 2 Widget areas, or 3, depending on your specific needs.

READ MORE

Quick guide to customize Willer Pro

Hi,in this guide I will explain how to customize Willer Pro in a few simple steps.Let's begin!  Customization with import of the Demo​As soon as you have installed and activated Willer, you will notice a Notification advising you to install Plugins.So the first thing you need to do is to install and activate the Plugins. Now in the Dashboard in the "Appearance" Menu you have seen an entry "WILLER Import Demo".Enter this menu.From the "WILLER Import Demo" menu, you will see the demos you can choose.Choose the one you want and with a simple click you will import the demo.Wait about 6 minutes (It also depends on the speed of your connection) and you will already have your site equal to the demo you have chosen. Now you can change the content as you see fit, and customize it as you wish. Common problems:in some cases the Homepage is not selected during the import. Then you can still notice the latest posts on your Homepage. To solve go in Customizer -> Homepage Settings -> Select -> Your homepage displays-> A static page and select "Home"! Customization without Demo​As soon as you have activated Willer Pro on your Homepage you will have the latest articles published.To set up a Homepage with the various sections you must proceed in this way. 1 Create a new page with only the title for example "Home" and Attribute Page Template "Home Willer".2 Reload the dashboard page where you created this page and you will see the meta-boxes.3 Now you can select the Sections you want to have in the various sectors!4 Go to Customizer -> Homepage Settings -> Select -> Your homepage displays-> A static page and select "Home". Now you will have the sections on the home page and you can customize them as you wish. In order in the CustomizerOther SettingsButton Read More: you can enter the name you want.Excerpt lengthPre-loader: enable or disable, choose the Pre-loader ( you can choose different pre-loaders, or insert one you want!)Back To Top: enable or disable, enable Position Back To Top LeftBreadcrumbs: enable or disable in post/pages Template defaultNav Menu: color and sizeMenu Right: page select and enable or disable Social MediaFont Family: titles and subtitles, font size and color title section HomepageSocial MediaScroll Effect Images: enable or disable SectionsSlider Zoom: category post, height, margin and colorSlider Vertical: category post, height, margin and colorServices: page, category post, width Images and marginGallery: category post, color and marginTestimonials: post and marginBrand: post and marginAbout Me: page, color and marginPortfolio: page, color and marginTeam: page, category post and marginBlog: category post, title, enable or disable meta info, color and marginParallax: page, position button, color, height image and marginContact: page and text for button Pages404 Page: select post end color text Site IdentityTitle and tagline, enable or disable rotation logo, font size logo, margin top logo, margin top menu, title and subtitle, font size title and subtile, site icon Header MediaSelect Video or image, category post, button play video, font size title and subtitle, color text, enable or disable text header Background ImagePossibility to insert an image and position MenusAdd menuWiller Pro it has 2 menus, 1 main and one for the shop WidgetsAdd Widget ( 4 for Footer and 1 for Blog, 1 for Menu Right, 1 for area Contact Form Post V-card, 1 for area Sidebar WooCommerce, 1 for area Content Page Contact, 1 for area Header Page Contact ) Homepage SettingsYour homepage displays ,your latest posts or a static page Additional CSSHere you can enter a custom style via css FooterHeight Footer, number column for widget area, enable or disable logo and social and copyright, size logo and color, title and link custom copyright, background color and color Footer Shop WillerSelect header for Shop, enable or disable Cart icon in menu, enable or disable Login icon in menu, custom number product, color text and icon vertical Slider, color text and icon Zoom Slider Theme StyleHere you can choose between 9 different colored skins or enable custom color (this option to select the colors you want!) Mobile DevicesEnable or disable back to top, sidebar, object fit image and icon scroll widget area Meta-box In Willer Pro you have many Meta-boxes to customize the various templates available.When you create a new post or a new page you can select the attribute of the page with the template you prefer.To view the meta-boxes you need to reload the dashboard page where you created this page or post!

READ MORE

Atomy Customize

Hi, and welcome to the Atomy User Guide. Theme Customize​With Atomy you have the possibility to customize your site, let's see how to do it step by step.The customizations are found in the customize of the theme, thus having the possibility of seeing the changes made in real time.To access these customizations just be logged in as an administrator, and in the top administrator bar select Customize. Here are the options you find in the Customize We see one by one how they work! Site Identity Logo -> Upload your logoLogo size -> You can adjust the size of your logoSite TitleTaglineDisplay Site Title and TaglineSite IconHeader Layout -> Header width, full or box (This also depends on which layout you have chosen in the Other settings section, which you will find below.) Header Top Enable or disable Language menu -> This command only works with the active Polylang plugin!Enable or disable Icons -> 2 Icons that appear above the logoEnable or disable Search formEnable or disable Login Icon -> Shop IconsEnable or disable Wishlist Icon > Shop IconsEnable or disable Cart Icon > Shop IconsShopping bag -> You can choose the icon for the cartBorder Radius Shop Icons (Pixel Unit) Header Media ​In this section you can insert a video for header or a fixed image, if you do not enter anything, this section does not appear! Header VideoHeader ImageEnable or disable Overall width Static Section -> Total size or boxHeight image (Pixel Unit)Object-fit imageEnable or disable button Play/Pause -> This command only works for videoEnable or disable automatic writing cursorEnable/Disable Call To Action Button Menus​Atomy has two menus, one is the primary menu and one is the language menu.The primary menu can be moved up and down, the language menu can be used by activating the Polylang plugin. Settings menu Select the type of header for menu -> You can set the menu up or downEnable or disable Menu StickyEnable or disable Overall width Menu Header -> You can set the maximum widthEnable or disable Woocommerce Icons in Menu Sticky Mobile Devices Enable or disable Woocommerce Icons in Menu Sticky Background Image​You can set an image for your site's background Footer Enable or disable Overall width Footer -> You can set the maximum width of the footerEnable or disable Copyright FooterLogo size (Pixel Unit) -> The logo you set in the header appears in the footer, here you can set the sizeMargin Top Footer (Em Unit) Payment Method Icons Enable or disable Icons Payment method -> You can enable icons for payment methods Widget Area Enable or disable Widget Area -> The Footer has 4 Widget areas, enabling them you can insert the Widgets you prefer Mobile Devices Enable or disable Widget Area Footer in Media Devices Shop Settings​To set up the store you can follow this dedicated guide: Plugin Settings General Settings Result countProduct sortingAdd to your basket icon Image Featured Page Enable or disable Shop Image Featured Page Hight AutoHeight Shop Image Featured Page (px)Shop Image Featured Page object-fitBackground Color ProductBackground Color Badge Sale ProductColor Badge Sale ProductEnable or disable Sidebar Product Home Store Page This option is used to sort out the sections in the store's Home Single Item Settings Enable or disable height auto imageFont size title product (Pixel Unit)Margin top title single product (Em Unit)Related Product -> Enable or disable related productSector 1 -> At the end of the single product page there are two areas in which you can insert sectionsSector 2 -> At the end of the single product page there are two areas in which you can insert sections Category Product At the end of the product Categories page there are two areas where you can insert sections Cart At the end of the Cart page there are two areas where you can insert sections Custom Area Blog Settings​In Atomy you also have a section dedicated to the blog, to create it you have to write articles. Just select "New -> Post" in the administration bar at the top, here you can write your article by putting the related tags, categories, images, etc ... Blog layoutEnable or disable SidebarPadding top Title Article (Pixel Unit)Entry Meta BlogNavigation BlogBackground Color SidebarTitle Color SidebarLink Color SidebarLink Color hover Sidebar Mobile Devices Enable or disable Sidebar in mobile devices Pages​To create a page go to "New -> Page" in the admin bar at the top. Here you can create your page, using the various templates available, go to "Pages Attribute" and choose the template. About In this page you can enable or disable these 5 sections: Parallax SectionStatistic SectionWho We Are SectionTeam SectionTestimonial Section Page Title and Content ->You can enable or disable the page title and contentSecondary title 1Effect Secondary title 1Secondary content 1Secondary title 2Effect Secondary title 2Secondary content 2Secondary title 3Effect Secondary title 3Secondary content 3 Contact On this page you have 3 widgets areas (Contact Header, Contact Body, Contact Sidebar) you can set them by Widgets options. Page Title and Content -> You can enable or disable the page title and contentBorder top sidebar size (Pixel Unit)Color Border Top SidebarColor Border Right SidebarSector 1 -> At the end of the Contact page there are two areas in which you can insert sectionsSector 2 -> At the end of the Contact page there are two areas in which you can insert sections Portfolio Page Title and Content -> You can enable or disable the page title and contentEnable or disable Custom Height Image FeaturedSector 1 -> At the end of the Portfolio page there are two areas in which you can insert sectionsSector 2 -> At the end of the Portfolio page there are two areas in which you can insert sections Services Sector A -> In the Services page there are four areas in which you can insert sectionsSector B -> In the Services page there are four areas in which you can insert sectionsSector 1 -> In the Services page there are four areas in which you can insert sectionsSector 2 -> In the Services page there are four areas in which you can insert sections Atomy On this page there are 15 sectors where you can put the sections you prefer. Enable or disable Title and Content 404 Primary ImageTitle 1Font Size Title 1 (Pixel Unit)Title 2Font Size Title 2 (Pixel Unit)SubtitleFont Size Subtitle (Pixel Unit) Section Card Settings Card Layout CardEnable or disable Overall width Card Section -> You can set the maximum width of the Card Effect Two The Card section has 2 types of effects hover, you can select them in Card 1, Card 2, Card 3, Card 4.Here you can adjust effect 2. Font Size Title (Pixel Unit)Color TitleBackground Color TitleBorder Radius Title (Pixel Unit)Opacity EffectBackground Color EffectMargin Top (Em Unit)Margin Bottom (Em Unit) Card 1,Card 2, Card 3, Card 4 Product or Post -> You can choose to show a post or a productPost/Product Card 1Effect Card 1 -> Scroll effectEffect DurationEffect hover -> You can choose the effect one or effect two Effect One Enable or disable CategoryTitle ButtonVertical position Text (Percentage Unit)Horizontal position Text (Percentage Unit)Padding Text Vertical (Pixel Unit)Padding Text Horizzontal (Pixel Unit) Card With Sidebar Card Product This section is usable only if you have activated the WooCommerce plugin and you can only show products. Enable or disable Card Pruduct SectionEffect Card Product -> Scroll effectEffect DurationNumber CardCategory CardMargin Top (Em Unit) -> Margin top of the Card with Sidebar sectionMargin Bottom (Em Unit) -> Margin bottom of the Card with Sidebar section News Sections This section only works with posts. Enable/Disable News SectionsNews TitleEffect news title -> Scroll effectEffect DurationTitle AlignSelect a category for the News SliderSelect a category for the News Small CardsMargin Top Sidebar (Pixel Unit) Category/Product Settings This section works only if you have activated the WooCommerce plugin.In the WooCommerce guide, you will find the instructions to display the Products or Categories in the Home, based on this choice here you have the various settings controls of this section. Enable or disable Overall width Category/Product SectionGeneral Effect Product -> Scroll effectGeneral Effect DurationCategory/Product TitleTitle AlignEffect Title Category Product -> Scroll effect The following options only work if you have chosen to view the Categories in the Home! Enable or disable Effect ImagePadding Effect Image (px)Border Color EffectBox Shadow Horizontal Position (px)Box Shadow Vertical Position (px)Box Shadow Blur Radius (Pixel Unit)Box Shadow Spread Radius (Pixel Unit)Font size Single Category Title (Pixel Unit)Text Align Description CategoryPadding Left Text (Pixel Unit)Margin Top (Em Unit) -> Margin top of the Category/Product sectionMargin Bottom (Em Unit) -> Margin bottom of the Category/Product section Faq General Settings If you want to use this section wherever you want (Post, Page, Widgets ...) you can use this shortcode:[atomy_faq]You must however have activated the Franchi-Shortcode Plugin, the guide can be found here: franchi-shortcode Enable or disable Overall width Faq SectionTitle Faq SectionSubtitle Faq SectionEffect Title Faq SectionTitle AlignSelect Image for FaqEffect Image Faq SectionEnable/Disable 4/5 FaqMargin Top (Em Unit) -> Margin top of the Faq sectionMargin Bottom (Em Unit) -> Margin bottom of the Faq section Faq Faq 1, Faq 2, Faq 3, Faq 4, Faq 5 -> QuestionResponse Faq 1, Response Faq 2, Response Faq 3, Response Faq 4, Response Faq 5 -> Response Block Icons General Settings If you want to use this section wherever you want (Post, Page, Widgets ...) you can use this shortcode:[atomy_icons]You must however have activated the Franchi-Shortcode Plugin, the guide can be found here: franchi-shortcode Border (Pixel Unit)Padding (Em Unit)Margin Top (Em Unit) -> Margin top of the Block Icons sectionMargin Bottom (Em Unit) -> Margin bottom of the Block Icons section Block Icon 1,Block Icon 2, Block Icon 3 Icon 1Effect Icon 1 -> Effect hoverEffect Columns One -> Scroll effectTitle for Icon Header 1Subtitle for Icon Header 1 Portfolio General Settings To use Portfolio on a page, you must create a page with Pages Attribute -> Template -> Portfolio. Enable or disable Overall width Portfolio SectionTitle Portfolio SectionEffect Title Portfolio Section -> Scroll effectTitle AlignTitle for All Nav PortfolioMargin Left Nav (Em Unit)Padding Bottom Image (Pixel Unit)Columns PortfolioShow only the priceMargin Top (Em Unit) -> Margin top of the Portfolio sectionMargin Bottom (Em Unit) -> Margin bottom of the Portfolio section Portfolio Tab 1, Portfolio Tab 2, Portfolio Tab 3, Portfolio Tab 4, Portfolio Tab 5 In this section you can show the posts or products. Title Tab 1Product or PostCategory ProductOnly show the products featuredCategory Post Services General Settings This section in the first three columns has 3 widget areas (Services One, Services Two, Services Three). Enable or disable Overall width Services SectionTitle Services SectionEffect Title Services Section -> Scroll effectTitle AlignEnable/Disable 4/5 Columns Services SectionMargin Top (Em Unit) -> Margin top of the Services sectionMargin Bottom (Em Unit) -> Margin bottom of the Services section Column 1 Services Section, Column 2 Services Section, Column 3 Services Section, Column 4 Services Section, Column 5 Services Section Effect Column 1 Services Section -> Scroll effectIcon 1Effect Icon 1 -> Effect hoverTitle Icon 1 Services SectionSubtitle Icon 1 Services Section Brends If you want to use this section wherever you want (Post, Page, Widgets ...) you can use this shortcode:[atomy_brands]You must however have activated the Franchi-Shortcode Plugin, the guide can be found here: franchi-shortcode Enable or disable Overall width Brands SectionTitleEffect title -> Scroll effectEffect DurationTitle AlignSelect Image for Brands 1/2/3/4/5/6/7/8Margin Top (Em Unit) -> Margin top of the Brands sectionMargin Bottom (Em Unit) -> Margin bottom of the Brands section Carousel Product This section is usable only if you have activated the WooCommerce plugin and you can only show products. Featured Section TitleEffect Featured title -> Scroll effectEffect DurationTitle AlignCategory Product Carousel 1Category Product Carousel 2Enable/Disable Custom Height Image Badge Promo.Add a widget to use these options! Width (Percentage Unit)Left (Em Unit)Top (Em Unit)Margin Top (Em Unit)Margin Bottom (Em Unit) Parallax This section can only be used in the header Enable or disable Overall width Parallax SectionSelect Image for Primary Image ParallaxHeight Image Parallax (Pixel Unit)Select Image for Secondary Image ParallaxHeight Image Parallax Secondary (Pixel Unit)Width Image Parallax Secondary (Pixel Unit)Padding Left Image Parallax Secondary (Percentage Unit)Padding Top Image Parallax Secondary (Percentage Unit)Border Radius Image Parallax Secondary (Percentage Unit)Title ParallaxEnable or disable Call To Action Button in Parallax SectionText AlignPadding Top Text Parallax (Em Unit)Font Size Text Parallax (Pixel Unit) Slider If you want to use this section wherever you want (Post, Page, Widgets ...) you can use this shortcode:[atomy_slider]You must however have activated the Franchi-Shortcode Plugin, the guide can be found here: franchi-shortcode In this section you can show posts or products! Enable/Disable Overall width Slider SectionEnable/Disable Call To Action Button in Slider SectionFix Title SliderTitle Call-to-action button SliderFont Size Fix Title Slider (Pixel Unit)Link Call-to-action button SliderProduct or PostCategory ProductCategory PostEnable/Disable IndicatorsEnable or disable Effect Fade SliderEnable or disable Effect Text SliderFont Size Text Slider (px)Margin Top (Em Unit) -> Margin top of the Slider sectionMargin Bottom (Em Unit) -> Margin bottom of the Slider section Statistic If you want to use this section wherever you want (Post, Page, Widgets ...) you can use this shortcode:[atomy_statistic]You must however have activated the Franchi-Shortcode Plugin, the guide can be found here: franchi-shortcode Enable/Disable Overall width Statistic SectionIcon 1, Icon 2, Icon 3, Icon 4Number 1, Number 2, Number 3, Number 4Title 1, Title 2, Title 3, Title 4Enable/Disable Gradient color StatisticFirst Gradient ColorSecond Gradient ColorGradient vertical or horizontalMargin Top (Em Unit) -> Margin top of the Statistic sectionMargin Bottom (Em Unit) -> Margin bottom of the Statistic section Team In this section you can show posts or products! Product or PostCategory ProductSelect Category Post TeamTitle TeamEffect Title Team -> Scroll effectSubtitle TeamContent TeamEnable/Disable Autoplay Carousel TeamMargin Top (Em Unit) -> Margin top of the Team sectionMargin Bottom (Em Unit) -> Margin bottom of the Team section Testimonial Enable/Disable Overall width Testimonial SectionTitle TestimonialEffect Title Testimonial -> Scroll effectContent TestimonialSelect Image 1, Select Image 2, Select Image 3, Select Image 4, Select Image 5, Select Image 6Title CarouselEffect Title CarouselSelect Category Post TestimonialEnable or disable Autoplay Carousel TestimonialMargin Top (Em Unit) -> Margin top of the Testimonial sectionMargin Bottom (Em Unit) -> Margin bottom of the Testimonial section Who We Are Title Who We AreEffect Title Who We Are -> Scroll effectSubtitle Who We AreContent Who We AreSelect Image 1Effect Image 1-> Scroll effectEffect Duration Image 1Select Image 2Effect Image 2 -> Scroll effectEffect Duration Image 2Select Image 3Effect Image 3 -> Scroll effectEffect Duration Image 3Enable or disable image 1Enable or disable image 2Margin Top (Em Unit) -> Margin top of the Who We Are sectionMargin Bottom (Em Unit) -> Margin bottom of the Who We Are section Two Image In this section you can only show posts.The image in the foreground is the image that appears on the right. Margin top section (Em Unit) -> Margin top of the Two Image sectionMargin bottom section (Em Unit) -> Margin bottom of the Two Image sectionPadding top section (Em Unit) -> Padding top of the Two Image sectionPadding bottom section (Em Unit) -> Padding bottom of the Two Image sectionBackground Color -> Background Color SectionPost -> Select a post to show Image Left Select ImageMargin left (Em Unit)Margin top (Em Unit)Rotate (Deg Unit) Image RightFeatured Image! Margin right (Em Unit)Margin top (Em Unit)Rotate (Deg Unit) Slide Product or PostCategory ProductCategory PostTitle BannerSubtitle BannerLink BannerEffect Banner -> Scroll effectEffect Carousel -> Scroll effectBackground Color First BannerBackground Color Second BannerColor BannerColor Title CarouselMargin Top (Em Unit) -> Margin top of the Slide sectionMargin Bottom (Em Unit) -> Margin bottom of the Slide section Text Auto Enable or disable Overall width Auto Text SectionSelect Image for Text Auto SectionEnable or disable Custom Height ImageHeight Image (Pixel Unit)Object-fit ImagePadding Left Text Image (Em Unit)Padding Top Text Image (Em Unit)Font Size Title Text Image (Pixel Unit)TitleSubtitle 1 image ServicesSubtitle 2 image ServicesSubtitle 3 image ServicesSubtitle 4 image ServicesFont size -Span- image (Pixel Unit)Time Change Subtitle (Seconds Unit (1000=1second))Margin Top (Em Unit) -> Margin top of the Text Auto sectionMargin Bottom (Em Unit) -> Margin bottom of the Text Auto section Homepage Settings​In this option you can set your homepage displays: your latest posts or a static page. Other Settings​ Layout Body LayoutSite LayoutMargin Top Site (Em Unit) -> This function is very useful when using the Box version! Go to Top Enable or disable Go to Top buttonBorder radius (Pixel Unit)Position -> Right or left Preloader Enable or disable Preloader siteImage Preloader site ->You can choose from the 6 gif images selected for you, otherwise you can put one as you like by naming it (at-preloader-1.gif), just put it in this path:/images/preloader/at-preloader-1.gifPreloader visibility duration Snow Enable or disable Snow EffectEnable or disable Snow Effect only Atomy PageEnable or disable Snow Effect only Single post/product and page Breadcrumbs Enable or disable Breadcrumbs in PageEnable or disable Breadcrumbs in Blog Button Border Radius Button (Pixel Unit) Banner Promotion Enable or disable Banner Promotion Popup For the Popup content you can add the Widgets you want, go to Widgets -> Popup. You can show the popup on the following pages: Home Shop PageSingle ProductCartBlogAbout pageAtomy pageContact pagePortfolio pageServices page Here you can choose the style Background Primary ColorBackground Top Radial ColorBackground Bottom Radial ColorBackground Bottom ColorBackground Box Shadow ColorColorChoose the Popup styleBorder radius (Pixel Unit)Time appearance Mobile Devices Enable or disable Go to Top buttonEnable or disable Popup Typography With this control you can set the family font for: Heading FontPrimary FontLink Font You can choose from 15 fonts selected for you, otherwise you can set your own by selecting "Custom Font".Theme Styling Here you can choose from 8 Skin selected for you, otherwise you can customize your site with the colors you prefer, setting in Custom Skin Builder. Social Networks With this control you can activate or deactivate Social Networks, when you activate them the icons appear in the header and in the footer.You can also show Social Networks icons where you want using this shortcode:[atomy_social_networks]You also have an option to open links on another page. Widgets Atomy has 17 Widgets areas here is the complete list: Sidebar BlogFeatured ProductCard With Sidebar Section/Sidebar StoreFooter 1Footer 2Footer 3Footer 4Contact HeaderContact BodyContact SidebarPopupBadge Promo OneBadge Promo TwoBadge Promo ThreeServices OneServices TwoServices Three WooCommerce Here you have the store settings Store notice Enable store notice -> If enabled, this text will be shown site-wide. You can use it to show events or promotions to visitors! Product Catalog Shop page display -> Choose what to display on the main shop pageCategory display -> Choose what to display on product category pagesDefault product sorting -> How should products be sorted in the catalog by defaultProducts per row -> How should products be sorted in the catalog by defaultRows per page -> How many rows of products should be shown per page Product Images Main image width -> Image size used for the main image on single product pages. These images will remain uncroppedThumbnail width -> Image size used for products in the catalogThumbnail cropping -> 1: 1 / Custom / Uncropped Checkout Company name field -> Hidden / Optional / RequiredAddress line 2 field -> Hidden / Optional / RequiredPhone field -> Hidden / Optional / RequiredHighlight required fields with an asteriskPrivacy policy page -> Select PageTerms and conditions page -> Select PagePrivacy policy -> Optionally add some text about your store privacy policy to show during checkoutTerms and conditions -> Optionally add some text for the terms checkbox that customers must acceptAdditional CSS​Here you can insert changes to the CSS style sheet.

READ MORE

Atomy Plugin Settings

Here's how to properly configure the Atomy plugins.Below you will find the configurations and explanations of some plugins, those not mentioned do not need particular cunfigurations. TI Wishlist General Settings Create a page with the Wishlist title (you can put the title you prefer) and enter this shortcode inside:[ti_wishlistsview] Then in the Wishlist page select the page just created! Product page "Add to Wishlist" Button Settings Product listing Button Settings Wishlist Product Settings Social Networks Sharing Options Wishlist Product Counter YITH WooCommerce Quick View WooCommerce Here is a basic configuration for your store, if you want to learn more about this plugin you can go directly to the official guide here: woocommerce.com Important​Before updating the WooCommerce Plugin, ask Support, to make sure it is compatible with the Theme or wait for the Theme to update!​As soon as you have activated the plugin a guided configuration will be introduced, if you are not very practical you can follow these simple steps Create a new page with the Checkout title (you can put the title you prefer) and enter this shortcode inside:[woocommerce_checkout]Create a new page with the Cart title (you can put the title you prefer) and enter this shortcode inside:[woocommerce_cart]Create a new page with the My Account title (you can put the title you prefer) and enter this shortcode inside:[woocommerce_my_account] Go to : DashboardWooCommerceSettingsGeneral -> here you can fill in the required formsProducts -> Shop page -> here you have to select the page you want to be your Store's HomeAdvanced -> Cart page : here select the created page of the Cart. Checkout page: here select the created page of the Checkout. My account page: here select the created page of the My Account.Save changes Your store is now set up correctly with the basic options. Polylang This plugin serves if you want to have a multilingual site.For correct operation you must also activate the Hyyan WooCommerce Polylang Integration plugin. When you have activated the plugin you will see an entry with Language, enter and go to Languages. Add new language then enter an order for this language. Now you need to add new copies with the languages you want to the existing pages, posts and products. Now go to Strings translations and you will find all the strings you can translate.Atomy was created so that when you change titles from the customize, then they appear here to be able to translate them into the languages you prefer. To display in the home the possibility to change language go to: Appearance -> Menus -> here you create a new menu and follow these settings For a complete setup of this plugin I invite you to visit the official guide here: polylang.pro

READ MORE

Atomy Franchi shortcodes plugin

Inside the Atomy zip file you will find the "Extra" folder -> "Plugins" folder, here you will find the franchi-shortcode.zip plugin.Go to your site's Dashboard and install this plugin, just activate it and you can take advantage of all the shortcodes to insert the sections where you want!

READ MORE

Atomy Image size

In Atomy there are several sizes for the images, below is a list of recommended sizes.These measurements refer to a minimum size that the image should have. Section Slider -> 4000x2000 pxSection Card-> Card 1 1000x2000px - Card 2 800x2000px - Card 3 1000x600px - Card 4 1000x1000pxSection Card With Sidebar -> Card 1000x400px - News Slider 1500x1130px Small four News 200x150pxArticle -> 1500x800pxSection Team -> 300x400pxSection Carousel Product -> 270x435pxSection Portfolio -> 1200x800pxSection Testimonial -> 250x300pxSection Slide -> 400x500pxCategory -> 1000x550px

READ MORE

Free version upgrade to Pro version

If you already have an active installation of Atomy and have decided to switch to the Pro version, you have 2 methods to do it: 1st method Deactivated the Atomy free themeDelete the themeProceed with the normal installation 2nd method Download the “update-theme-and-plugins-from-zip-file” plugin from the official WordPress repositoryGo to WordPress DashboardSelect PluginInstall nowSelect the zip file you downloadedActive PluginProceed with the normal installation

READ MORE

Initial settings Atomy Free

Initial basic setting​Hi, here are the initial settings to set up your shop with Atomy. 1 Install the recommended plugins (at least WooCommerce)2 Create a new page ( The name can be what you prefer!)3 Go to WooCommerce -> Settings -> Products4 In Shop Page set the newly created page5 Go to Customize -> Homepage Settings, in Your homepage displays and set a Static Page, and Homepage set the newly created page. Done, with these simple steps you will already have your shop ready! Quick settings with import of a demo​*Important! Before importing the demo install all the recommended plugins!Demo import 1 Download the demo https://www.denisfranchi.com/atomy-demos/2 Unzip the zip file you just downloaded to your desktop "Baby-demo.zip"3 Inside there are 3 rows4 Go to your dashboard -> ATOMY Import Demo5 Upload the 3 files: .xml /.dat /.wie6 Import Demo Data ( It will take about 6 minutes, this also depends on your connection! ) Settings 1 Go to -> WooCommerce -> Settings -> Product -> Shop page and select the Store page, save changes 2 Go to -> WooCommerce -> Settings -> Advanced, in Cart page select the Cart page, in Checkout page select the Checkout page, in My account page select the My Account page, save changes 3 Now you should have the complete demo, you just have to customize it with your content! Below you will find all the steps to easily customize all the sections and plugins. Important: Read carefully the Ti Wishlist plugin configuration, to have a correct product configuration. Common problems: if you don't see the store as the demo, go to Customizer-> Homepage Settings -> if there are 2 pages "Store" select the other!

READ MORE

Showing 1-10 of 32 results