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!

• Logo -> Upload your logo
• Logo size -> You can adjust the size of your logo
• Site Title
• Tagline
• Display Site Title and Tagline
• Site Icon
• Header 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 logo
• Enable or disable Search form
• Enable or disable Login Icon -> Shop Icons
• Enable or disable Wishlist Icon > Shop Icons
• Enable or disable Cart Icon > Shop Icons
• Shopping bag -> You can choose the icon for the cart
• Border 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 Video
• Header Image
• Enable or disable Overall width Static Section -> Total size or box
• Height image (Pixel Unit)
• Object-fit image
• Enable or disable button Play/Pause -> This command only works for video
• Enable or disable automatic writing cursor
• Enable/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 down
• Enable or disable Menu Sticky
• Enable or disable Overall width Menu Header -> You can set the maximum width
• Enable 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 footer
• Enable or disable Copyright Footer
• Logo size (Pixel Unit) -> The logo you set in the header appears in the footer, here you can set the size
• Margin 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 count
• Product sorting
• Add to your basket icon

Image Featured Page

• Enable or disable Shop Image Featured Page Hight Auto
• Height Shop Image Featured Page (px)
• Shop Image Featured Page object-fit
• Background Color Product
• Background Color Badge Sale Product
• Color Badge Sale Product
• Enable 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 image
• Font size title product (Pixel Unit)
• Margin top title single product (Em Unit)
• Related Product -> Enable or disable related product
• Sector 1 -> At the end of the single product page there are two areas in which you can insert sections
• Sector 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 layout
• Enable or disable Sidebar
• Padding top Title Article (Pixel Unit)
• Entry Meta Blog
• Navigation Blog
• Background Color Sidebar
• Title Color Sidebar
• Link Color Sidebar
• Link 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 Section
• Statistic Section
• Who We Are Section
• Team Section
• Testimonial Section

• Page Title and Content ->You can enable or disable the page title and content
• Secondary title 1
• Effect Secondary title 1
• Secondary content 1
• Secondary title 2
• Effect Secondary title 2
• Secondary content 2
• Secondary title 3
• Effect Secondary title 3
• Secondary 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 content
• Border top sidebar size (Pixel Unit)
• Color Border Top Sidebar
• Color Border Right Sidebar
• Sector 1 -> At the end of the Contact page there are two areas in which you can insert sections
• Sector 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 content
• Enable or disable Custom Height Image Featured
• Sector 1 -> At the end of the Portfolio page there are two areas in which you can insert sections
• Sector 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 sections
• Sector B -> In the Services page there are four areas in which you can insert sections
• Sector 1 -> In the Services page there are four areas in which you can insert sections
• Sector 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 Image
• Title 1
• Font Size Title 1 (Pixel Unit)
• Title 2
• Font Size Title 2 (Pixel Unit)
• Subtitle
• Font Size Subtitle (Pixel Unit)

Section

Card

Settings Card

• Layout Card
• Enable 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 Title
• Background Color Title
• Border Radius Title (Pixel Unit)
• Opacity Effect
• Background Color Effect
• Margin 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 product
• Post/Product Card 1
• Effect Card 1 -> Scroll effect
• Effect Duration
• Effect hover -> You can choose the effect one or effect two

Effect One

• Enable or disable Category
• Title Button
• Vertical 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 Section
• Effect Card Product -> Scroll effect
• Effect Duration
• Number Card
• Category Card
• Margin Top (Em Unit) -> Margin top of the Card with Sidebar section
• Margin Bottom (Em Unit) -> Margin bottom of the Card with Sidebar section

News Sections

This section only works with posts.

• Enable/Disable News Sections
• News Title
• Effect news title -> Scroll effect
• Effect Duration
• Title Align
• Select a category for the News Slider
• Select a category for the News Small Cards
• Margin 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 Section
• General Effect Product -> Scroll effect
• General Effect Duration
• Category/Product Title
• Title Align
• Effect 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 Image
• Padding Effect Image (px)
• Border Color Effect
• Box 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 Category
• Padding Left Text (Pixel Unit)
• Margin Top (Em Unit) -> Margin top of the Category/Product section
• Margin 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 Section
• Title Faq Section
• Subtitle Faq Section
• Effect Title Faq Section
• Title Align
• Select Image for Faq
• Effect Image Faq Section
• Enable/Disable 4/5 Faq
• Margin Top (Em Unit) -> Margin top of the Faq section
• Margin Bottom (Em Unit) -> Margin bottom of the Faq section

Faq

• Faq 1, Faq 2, Faq 3, Faq 4, Faq 5 -> Question
• Response 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 section
• Margin Bottom (Em Unit) -> Margin bottom of the Block Icons section

Block Icon 1,Block Icon 2, Block Icon 3

• Icon 1
• Effect Icon 1 -> Effect hover
• Effect Columns One -> Scroll effect
• Title for Icon Header 1
• Subtitle 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 Section
• Title Portfolio Section
• Effect Title Portfolio Section -> Scroll effect
• Title Align
• Title for All Nav Portfolio
• Margin Left Nav (Em Unit)
• Padding Bottom Image (Pixel Unit)
• Columns Portfolio
• Show only the price
• Margin Top (Em Unit) -> Margin top of the Portfolio section
• Margin 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 1
• Product or Post
• Category Product
• Only show the products featured
• Category 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 Section
• Title Services Section
• Effect Title Services Section -> Scroll effect
• Title Align
• Enable/Disable 4/5 Columns Services Section
• Margin Top (Em Unit) -> Margin top of the Services section
• Margin 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 effect
• Icon 1
• Effect Icon 1 -> Effect hover
• Title Icon 1 Services Section
• Subtitle 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 Section
• Title
• Effect title -> Scroll effect
• Effect Duration
• Title Align
• Select Image for Brands 1/2/3/4/5/6/7/8
• Margin Top (Em Unit) -> Margin top of the Brands section
• Margin 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 Title
• Effect Featured title -> Scroll effect
• Effect Duration
• Title Align
• Category Product Carousel 1
• Category Product Carousel 2
• Enable/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 Section
• Select Image for Primary Image Parallax
• Height Image Parallax (Pixel Unit)
• Select Image for Secondary Image Parallax
• Height 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 Parallax
• Enable or disable Call To Action Button in Parallax Section
• Text Align
• Padding 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 Section
• Enable/Disable Call To Action Button in Slider Section
• Fix Title Slider
• Title Call-to-action button Slider
• Font Size Fix Title Slider (Pixel Unit)
• Link Call-to-action button Slider
• Product or Post
• Category Product
• Category Post
• Enable/Disable Indicators
• Enable or disable Effect Fade Slider
• Enable or disable Effect Text Slider
• Font Size Text Slider (px)
• Margin Top (Em Unit) -> Margin top of the Slider section
• Margin 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 Section
• Icon 1, Icon 2, Icon 3, Icon 4
• Number 1, Number 2, Number 3, Number 4
• Title 1, Title 2, Title 3, Title 4
• Enable/Disable Gradient color Statistic
• First Gradient Color
• Second Gradient Color
• Gradient vertical or horizontal
• Margin Top (Em Unit) -> Margin top of the Statistic section
• Margin Bottom (Em Unit) -> Margin bottom of the Statistic section

Team

In this section you can show posts or products!

• Product or Post
• Category Product
• Select Category Post Team
• Title Team
• Effect Title Team -> Scroll effect
• Subtitle Team
• Content Team
• Enable/Disable Autoplay Carousel Team
• Margin Top (Em Unit) -> Margin top of the Team section
• Margin Bottom (Em Unit) -> Margin bottom of the Team section

Testimonial

• Enable/Disable Overall width Testimonial Section
• Title Testimonial
• Effect Title Testimonial -> Scroll effect
• Content Testimonial
• Select Image 1, Select Image 2, Select Image 3, Select Image 4, Select Image 5, Select Image 6
• Title Carousel
• Effect Title Carousel
• Select Category Post Testimonial
• Enable or disable Autoplay Carousel Testimonial
• Margin Top (Em Unit) -> Margin top of the Testimonial section
• Margin Bottom (Em Unit) -> Margin bottom of the Testimonial section

Who We Are

• Title Who We Are
• Effect Title Who We Are -> Scroll effect
• Subtitle Who We Are
• Content Who We Are
• Select Image 1
• Effect Image 1-> Scroll effect
• Effect Duration Image 1
• Select Image 2
• Effect Image 2 -> Scroll effect
• Effect Duration Image 2
• Select Image 3
• Effect Image 3 -> Scroll effect
• Effect Duration Image 3
• Enable or disable image 1
• Enable or disable image 2
• Margin Top (Em Unit) -> Margin top of the Who We Are section
• Margin 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 section
• Margin bottom section (Em Unit) -> Margin bottom of the Two Image section
• Padding top section (Em Unit) -> Padding top of the Two Image section
• Padding bottom section (Em Unit) -> Padding bottom of the Two Image section
• Background Color -> Background Color Section
• Post -> Select a post to show

Image Left

• Select Image
• Margin left (Em Unit)
• Margin top (Em Unit)
• Rotate (Deg Unit)

Image Right
Featured Image!

• Margin right (Em Unit)
• Margin top (Em Unit)
• Rotate (Deg Unit)

Slide

• Product or Post
• Category Product
• Category Post
• Title Banner
• Subtitle Banner
• Link Banner
• Effect Banner -> Scroll effect
• Effect Carousel -> Scroll effect
• Background Color First Banner
• Background Color Second Banner
• Color Banner
• Color Title Carousel
• Margin Top (Em Unit) -> Margin top of the Slide section
• Margin Bottom (Em Unit) -> Margin bottom of the Slide section

Text Auto

• Enable or disable Overall width Auto Text Section
• Select Image for Text Auto Section
• Enable or disable Custom Height Image
• Height Image (Pixel Unit)
• Object-fit Image
• Padding Left Text Image (Em Unit)
• Padding Top Text Image (Em Unit)
• Font Size Title Text Image (Pixel Unit)
• Title
• Subtitle 1 image Services
• Subtitle 2 image Services
• Subtitle 3 image Services
• Subtitle 4 image Services
• Font size -Span- image (Pixel Unit)
• Time Change Subtitle (Seconds Unit (1000=1second))
• Margin Top (Em Unit) -> Margin top of the Text Auto section
• Margin 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 Layout
• Site Layout
• Margin Top Site (Em Unit) -> This function is very useful when using the Box version!

Go to Top

• Enable or disable Go to Top button
• Border radius (Pixel Unit)
• Position -> Right or left

Preloader

• Enable or disable Preloader site
• Image 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.gif
• Preloader visibility duration

Snow

• Enable or disable Snow Effect
• Enable or disable Snow Effect only Atomy Page
• Enable or disable Snow Effect only Single post/product and page

Breadcrumbs

• Enable or disable Breadcrumbs in Page
• Enable 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 Page
• Single Product
• Cart
• Blog
• About page
• Atomy page
• Contact page
• Portfolio page
• Services page

Here you can choose the style

• Background Primary Color
• Background Top Radial Color
• Background Bottom Radial Color
• Background Bottom Color
• Background Box Shadow Color
• Color
• Choose the Popup style
• Border radius (Pixel Unit)
• Time appearance

Mobile Devices

• Enable or disable Go to Top button
• Enable or disable Popup

Typography

With this control you can set the family font for:

• Heading Font
• Primary Font
• Link 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 Blog
• Featured Product
• Card With Sidebar Section/Sidebar Store
• Footer 1
• Footer 2
• Footer 3
• Footer 4
• Contact Header
• Contact Body
• Contact Sidebar
• Popup
• Badge Promo One
• Badge Promo Two
• Badge Promo Three
• Services One
• Services Two
• Services 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 page
• Category display -> Choose what to display on product category pages
• Default product sorting -> How should products be sorted in the catalog by default
• Products per row -> How should products be sorted in the catalog by default
• Rows 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 uncropped
• Thumbnail width -> Image size used for products in the catalog
• Thumbnail cropping -> 1: 1 / Custom / Uncropped

Checkout

Company name field -> Hidden / Optional / Required
Address line 2 field -> Hidden / Optional / Required
Phone field -> Hidden / Optional / Required
Highlight required fields with an asterisk
Privacy policy page -> Select Page
Terms and conditions page -> Select Page
Privacy policy -> Optionally add some text about your store privacy policy to show during checkout
Terms and conditions -> Optionally add some text for the terms checkbox that customers must accept
Additional CSS
​Here you can insert changes to the CSS style sheet.