What's New in This Update?

  • Fillers For Gallery, Products, And Posts
  • Image Gallery Filter
    • Enable Image Gallery Filter
    • Add Image Gallery Category
    • Edit Image Gallery Category Name
    • Change Image Category Order
    • Image Gallery Category Options
    • Assign Category To Each Image
    • Image Gallery Filter Spacing And Size
    • Image Gallery Filter Styling
    • Test Image Gallery Filter
  • Design Sets For Pages And Blocks
    • Page Design Sets In Add Panel
    • Block Design Sets In Add Panel
  • Advanced Filter For Products And Posts
    • Layout Property For Category Filter
    • Category Filter On Product List Template
    • Category Filter On Blog Template
    • Category Spacing and Indent
    • Categories In Sidebar
  • Product Sorting
  • Import Sidebar Content
  • Attachments In Leads
  • New Block and Page Designs

In the Nicepage 5.9 update, we have added the Filter for the Gallery Element and advanced Category Filter for Products and Posts.

vertical-categories.jpg

You can have too many Images added to the Image Gallery Element. Therefore, we have added the Image Gallery Filter, allowing your users only to see the Images of the specific Category in which they are most interested.

This helps add more helpful content to a page, not complicating the user interface.

image-gallery-filter.png

Enable Image Gallery Filter

You can enable the Filter property in the Property Panel for the selected Image Gallery Element.

enable-gallery-filter.png

Add Image Gallery Category

To add a new Image Category, click the Add button in the Image Gallery Panel in the Properties.

Enter the new Category Name in the dialog.

add-image-category.gif

Assign Category To Each Image

To assign a Category to each Image, select an Image in the Gallery, go to the Property Panel, and choose the Category.

If you do not assign the specific Category, the Image will be shown for All.

assign-category-gallery-image.png

Edit Image Gallery Category Name

To add a new Image Category Name, click on it in the Property Panel's Filter section list.

edit-gallery-category-name.png

Change Image Category Order

To change the Category Order in the Filter, You can move the Image Gallery Category by dragging the Move Icon at the Category Name.

move-gallery-category.gif

Image Gallery Category Options

Click the Options icon for the Category Name to open the list of available options.

gallery-category-options.png

Delete Gallery Category

Click on the Bucket icon to delete the Image Gallery Category.

delete-gallery-category.png

Image Gallery Filter Spacing And Size

You can change the Spacing and Size of the Gallery Image tabs in the Property Panel.

gallery-filter-spacing-size.png

Image Gallery Filter Styling

You can also stylize the Category Tabs of the Image Gallery Filter in the Property Panel.

gallery-filter-styling.png

Test Image Gallery Filter

Publish or Preview the page and test the Image Gallery Filter live by clicking on the Tabs.

test-gallery-filter.gif

Design Sets For Pages And Blocks

We group the new Page and Block Designs added for the last few months into the Design Sets.

This simplifies the creation of the whole site in one style.

design-set.jpg

Page Design Sets In Add Panel

Hover over a Page Design in the list to see the Number of Blocks and Pages with the same design.

page-design-set-add-panel.png

Click it to open the Design Set.

page-design-sets.gif

Block Design Sets In Add Panel

Similarly, if you like the Block Design, you can find all other Blocks and Pages of the same style by clicking the Number on hover.

block-design-sets.gif

Advanced Filter For Products And Posts

We have implemented the vertical Categories, which you can add to the Product List and BlogTemplates.

vertical-categories-2.jpg

Layout Property For Category Filter

You can switch the Layout for the Category Filter in the Property Panel.

categories-layout.gif

Category Filter On Product List Template

You can add the vertical Category Filter to filter Products on the Product List Template.

vertical-categories-products.png

Category Filter On Blog Template

You can also show the vertical Category Filter for Posts on the Blog Template.

vertical-categories-posts.png

Category Spacing and Indent

You can set the Top And Bottom Spacing and the Subcategory Link Indent for the Category Tree.

categories-spaicing-indent.png

Categories In Sidebar

You can also enable the Sidebar and see the new Categories section added automatically.

categories-sidebar.png

Product Sorting

We have added the Sorting Property for the Product List Template.

product-sorting.png

Import Sidebar Content

While installing the Theme and Content to your CMS, if the Sidebar is enabled on the WordPress or Joomla Templates, you will see the Import Sidebar Content checkbox checked in the Wizard.

import-sidebar-content.png

Attachments In Leads

In the Leads table, you can now see the links to the Attachments from the Contact Forms of your sites.

leads-attachments.png

Fixed Issues

  • Invalid Number of Columns in the Property Panel in the Mobile Views
  • Invalid Header Height after changing the Image added to the Mega Menu Popup
  • Invalid Border for the Category Link in the Categories Element
  • Invalid display of the Contact Form Element added to the Modal Popup on some user sites
  • Invalid highlighting of the selected Text section in the Theme Settings
  • Invalid pointing position of the Thumbnail Arrow for the unpublished changes
  • Invalid display of the Post Image in the Post Template in the browser preview
  • Malfunctioning of the Application on Windows 11 on some user computers
  • Malfunctioning of the Google Analytics with the enabled Cookie popup on some user sites
  • Malfunctioning of the publishing in the Online Builder for some user projects
  • Malfunctioning of the Animate Back on Scroll option for some user projects
  • Malfunctioning of the Contact Form's pattern while switching the Field Type from Phone to Text
  • Malfunctioning of the Blog Images disappearing on some user sites
  • WordPress: Malfunctioning of the PayPal Button on the Checkout page in WooCommerce on some user sites
  • WordPress: Malfunctioning of Menu Element with the Nicepage theme on some user sites
  • WordPress: Malfunctioning of the Checkout Page in WooCommerce on user sites
  • WordPress: Malfunctioning of the Button on the Post Template breaking the Footer on some user sites
  • Joomla: Malfunctioning of the Admin Panel due to the Nicepage Extension on some user sites
  • Joomla: Malfunctioning of the Menu editing with the Nicepage Extension on some user sites
  • Joomla: Malfunctioning of the installation of the Nicepage Extension on some user sites
  • Joomla: Malfunctioning of the Reacatcha on some user sites
  • Joomla4: Invalid Error 500 message while adding the Cart icon to the Header on some user sites

Block and Page Designs

We have created new block and page designs up to this update.

new-designs-59.jpg

## What's New in This Update? - Fillers For Gallery, Products, And Posts - Image Gallery Filter - Enable Image Gallery Filter - Add Image Gallery Category - Edit Image Gallery Category Name - Change Image Category Order - Image Gallery Category Options - Assign Category To Each Image - Image Gallery Filter Spacing And Size - Image Gallery Filter Styling - Test Image Gallery Filter - Design Sets For Pages And Blocks - Page Design Sets In Add Panel - Block Design Sets In Add Panel - Advanced Filter For Products And Posts - Layout Property For Category Filter - Category Filter On Product List Template - Category Filter On Blog Template - Category Spacing and Indent - Categories In Sidebar - Product Sorting - Import Sidebar Content - Attachments In Leads - New Block and Page Designs ## Fillers For Gallery, Products, And Posts In the Nicepage 5.9 update, we have added the **Filter** for the **Gallery Element** and advanced **Category Filter** for **Products and Posts**. !vertical-categories.jpg! ## Image Gallery Filter You can have too many Images added to the Image Gallery Element. Therefore, we have added the **Image Gallery Filter**, allowing your users only to see the Images of the specific **Category** in which they are most interested. This helps add more helpful content to a page, not complicating the user interface. !image-gallery-filter.png! ### Enable Image Gallery Filter You can enable the **Filter** property in the Property Panel for the selected **Image Gallery Element**. !enable-gallery-filter.png! ### Add Image Gallery Category To add a new **Image Category**, click the **Add** button in the **Image Gallery Panel** in the Properties. Enter the new **Category Name** in the dialog. !add-image-category.gif! ### Assign Category To Each Image To assign a **Category** to each Image, select an Image in the Gallery, go to the Property Panel, and choose the **Category**. If you do not assign the specific Category, the Image will be shown for **All**. !assign-category-gallery-image.png! ### Edit Image Gallery Category Name To add a new **Image Category Name**, click on it in the Property Panel's **Filter** section list. !edit-gallery-category-name.png! ### Change Image Category Order To change the **Category Order** in the Filter, You can move the Image Gallery Category by dragging the **Move** Icon at the Category Name. !move-gallery-category.gif! ### Image Gallery Category Options Click the **Options** icon for the Category Name to open the list of available options. !gallery-category-options.png! ### Delete Gallery Category Click on the **Bucket** icon to delete the Image Gallery Category. !delete-gallery-category.png! ### Image Gallery Filter Spacing And Size You can change the **Spacing** and **Size** of the Gallery Image tabs in the Property Panel. !gallery-filter-spacing-size.png! ### Image Gallery Filter Styling You can also stylize the **Category Tabs** of the Image Gallery Filter in the Property Panel. !gallery-filter-styling.png! ### Test Image Gallery Filter **Publish** or **Preview** the page and test the **Image Gallery Filter** live by clicking on the Tabs. !test-gallery-filter.gif! ## Design Sets For Pages And Blocks We group the new Page and Block Designs added for the last few months into the **Design Sets**. This simplifies the creation of the whole site in one style. !design-set.jpg! ### Page Design Sets In Add Panel Hover over a **Page Design** in the list to see the **Number** of Blocks and Pages with the same design. !page-design-set-add-panel.png! Click it to open the **Design Set**. !page-design-sets.gif! ## Block Design Sets In Add Panel Similarly, if you like the **Block Design**, you can find all other Blocks and Pages of the same style by clicking the **Number** on hover. !block-design-sets.gif! ## Advanced Filter For Products And Posts We have implemented the vertical **Categories**, which you can add to the **Product List** and **BlogTemplates**. !vertical-categories-2.jpg! ### Layout Property For Category Filter You can switch the **Layout** for the **Category Filter** in the Property Panel. !categories-layout.gif! ### Category Filter On Product List Template You can add the vertical **Category Filter** to filter Products on the **Product List Template**. !vertical-categories-products.png! ### Category Filter On Blog Template You can also show the vertical **Category Filter** for Posts on the **Blog Template**. !vertical-categories-posts.png! ### Category Spacing and Indent You can set the **Top And Bottom** Spacing and the Subcategory Link **Indent** for the Category Tree. !categories-spaicing-indent.png! ### Categories In Sidebar You can also enable the Sidebar and see the new **Categories** section added automatically. !categories-sidebar.png! ## Product Sorting We have added the **Sorting** Property for the Product List Template. !product-sorting.png! ### Import Sidebar Content While installing the Theme and Content to your CMS, if the Sidebar is enabled on the WordPress or Joomla Templates, you will see the **Import Sidebar Content** checkbox checked in the **Wizard**. !import-sidebar-content.png! ## Attachments In Leads In the **Leads** table, you can now see the links to the **Attachments** from the Contact Forms of your sites. !leads-attachments.png! ## Fixed Issues - Invalid Number of Columns in the Property Panel in the Mobile Views - Invalid Header Height after changing the Image added to the Mega Menu Popup - Invalid Border for the Category Link in the Categories Element - Invalid display of the Contact Form Element added to the Modal Popup on some user sites - Invalid highlighting of the selected Text section in the Theme Settings - Invalid pointing position of the Thumbnail Arrow for the unpublished changes - Invalid display of the Post Image in the Post Template in the browser preview - Malfunctioning of the Application on Windows 11 on some user computers - Malfunctioning of the Google Analytics with the enabled Cookie popup on some user sites - Malfunctioning of the publishing in the Online Builder for some user projects - Malfunctioning of the Animate Back on Scroll option for some user projects - Malfunctioning of the Contact Form's pattern while switching the Field Type from Phone to Text - Malfunctioning of the Blog Images disappearing on some user sites - WordPress: Malfunctioning of the PayPal Button on the Checkout page in WooCommerce on some user sites - WordPress: Malfunctioning of Menu Element with the Nicepage theme on some user sites - WordPress: Malfunctioning of the Checkout Page in WooCommerce on user sites - WordPress: Malfunctioning of the Button on the Post Template breaking the Footer on some user sites - Joomla: Malfunctioning of the Admin Panel due to the Nicepage Extension on some user sites - Joomla: Malfunctioning of the Menu editing with the Nicepage Extension on some user sites - Joomla: Malfunctioning of the installation of the Nicepage Extension on some user sites - Joomla: Malfunctioning of the Reacatcha on some user sites - Joomla4: Invalid Error 500 message while adding the Cart icon to the Header on some user sites ## Block and Page Designs We have created [new block and page designs](https://nicepage.com/html-templates) up to this update. [!new-designs-59.jpg!](https://nicepage.com/html-templates)