Single Product Options in Vasty

Here, we are going to describe the options you have to create a product page. Below, we explain each field one by one:

Product Options

Header/Main Menu 

Header Overlapping: Select if you wish or not to overlap your product page header. Of course, you can just leave the inherit option to get what exists under Theme Options > WooCommerce Options > Single Product.

Header Skin: With this option, you can change the coloring of your header from default, dark, light and inherit (Theme Options > WooCommerce Options > Single Product). In case that you use Slider in Feature Section, select the header skin per slide/image.

Main Navigation Menu: Here, you can select an alternative main navigation menu. You can choose from Footer Menu, Main Menu or inherit (Menu > Theme Locations > Header Menu).

Second Navigation Menu: Here, you can select an alternative second navigation menu in case you are using a Header mode with 2 menu locations (under Theme Options > Basic Options > Theme & Header). You can choose among any of the available menus or inherit the global one (Menu > Theme Locations > Second Menu).

Third Navigation Menu: You can also set the Third Menu (Slide) in case you are using the third header layout style with the Slide Menu.

Responsive Navigation Menu: By this selection, you can select an alternative responsive navigation menu. You can choose among any of the available menus or inherit the global one (Menu > Theme Locations > Responsive Menu).

Sticky Header Type: With this option, you can just leave the inherit option (Theme Options > Basic Options > Theme & Header) or disable the Sticky Header.

Sticky Header Mode: Here, you can select if you need to keep the Main Header as your Sticky header or use the Custom Header Sticky.

Safe Button Area: With this option, you can select any of the available Safe Button area items or leave the global option (Theme Options > Basic Options > Safe Button).

Responsive Header Overlapping: Here you can specify the behavior of the Responsive Header and if you need an overlapping with your content when the responsive header appears. Of course, you can just leave the inherit option (Theme Options > Basic Options > Responsive Header Options).

Title/Description 

Title/Description Visibility: Select visible if you wish your title and your description to be shown or hidden if you don’t want to show them.

Alternative Title: Add an alternative title if you don’t prefer the default title.

Description: Here, you can enter your product description.

Title Options: Select among the Custom Advanced Title, the Simple Title, or leave the inherit option (Theme Options > WooCommerce Options > Single Product). With the Advanced title, you can set the padding per device, the container size to be default or large, background color, content background color, title color, description color, content size, content alignment, content position, content animation. Additionally, set your background with the following options: Color only, the Featured image, or a Custom image. Finally, you can define the background position, add a pattern overlay, color overlay, and opacity overlay to ensure that your content is readable.

Product Area

Padding: Define the space above and below the content area. Leave the Inherit option for the global value under Theme Options or add custom top and bottom padding per screen size.

Area Color Options: You can choose either Custom or inherit (Appearance > Customize > Colors – Shop/Product > Colors – Product Area). Under the Custom option, you are able to select your background color, headings color, font color, link color, hover color, border color, button color.  The available color options are Primary, Secondary, Text, and Accent which you define under Appearance > Customize > Colors – Main Content and 2 predefined colors Black and White.

Product Options - Product Area in Vasty
Product Options – Product Area in Vasty

Quick View

Quick View Title: Enter a title for the Quick View

Quick View Text: Add the text you want to display on Quick View.

Quick View Link Text: Enter a text for the link on Quick View.

Product Options - Quick View in Vasty
Product Options – Quick View in Vasty

Content/Sidebars

Padding: Define the space above and below the content area. Leave the Inherit option for the global value under Theme Options or add custom top and bottom padding per screen size.

Layout: Here, you can select the alignment of the product content and the sidebar. You can choose from full width, left sidebar, right sidebar or inherit (Theme Options > WooCommerce Options > Single Product Settings).

Sidebar: You can select any Widget Area you wish or leave the inherit option (Theme Options > WooCommerce Options > Single Product Settings).

Fixed Sidebar: If you select it, your sidebar will be fixed.

Content Width: Select the width of your content from small, medium, large or inherit (Theme Options > WooCommerce Options > Single Product Settings).

Content Skin: Select the Skin of your content among Inherit, Dark, Light or Custom
Inherit: Background from Theme Options – General Settings, Colors from Appearance > Customize > Colors – Main Content.

Side Area 

Side Area Visibility: You can choose your side area to be visible or not. You also leave the inherit option here (Theme Options > WooCommerce Options > Single Product Settings).

Side Area Sidebar: Here, you can select which sidebar you want to use for your side area. You can select any Widget Area you wish or leave the inherit option (Theme Options > WooCommerce Options > Single Product Settings).

Modals

You can create your modals for this item.

Sticky Areas: Select if you want to make Bottom/Footer Areas Sticky.

Bottom Bar Area: You can select an area item for your Bottom Bar Area. You can choose any of your Area Items, set it to none or inherit it from Theme Options > Bottom/Footer Areas > Bottom Bar Area Item.

Footer Widgets Visibility: You can select the footer widgets to be visible or not. You can also choose to inherit (Theme Options > Bottom/Footer Areas > Footer Widgets Settings).

Footer Bar Visibility: You can select the footer bar to be visible or not. You can also choose to inherit (Theme Options > Bottom/Footer Areas > Footer Bar Settings).

Extras

Backlink: Here, you can select any page to be your backlink or you can inherit it from Theme Options > WooCommerce Options > Single Product Settings.

Theme Loader Visibility: Here, you can select if you wish your theme loader to be visible or not. You can also select inherit (Theme Options > Basic Options > Page Transitions).

Visibility

Here, you can select the elements you possibly need to disable. Elements to hide: Top bar, Logo, specific Main Menu Items: Text, Search, Contact form, Language Selector, Shopping Cart, Social Icons, Breadcrumbs, the Content Area, and the Back to Top button.