What's New in This Update?

  • Product List and Product Details Templates for WooCommerce and VirtueMart Themes
  • Zoom Effect for Product Image Gallery
  • Thumbnails Position for Image Gallery
  • Position and Alignment for Modal Popups
  • Search for Page and Modal Popups in Edit Link
  • List Repeater and image Gallery Presets in Best Practices
  • Image Gallery Rows
  • Wide for Form Submit Button
  • Block Presets and Designs for New Text, Button, Image, Icon, and Shape
  • License Changes
  • New Block and Template Designs

Theme's Product List and Product Details Templates (Beta)

In the previous updates, we have released Product List and Product Details Elements. You can add those Elements to WordPress Pages and Joomla Articles.

If you have a WooCommerce or VirtueMart online store and want to change the design, you need to modify the Theme. The WordPress and Joomla Theme consists of Templates. In this update, we have supported the Product List and Product Details templates as part of the Theme. In future updates, we are planning to release the Shopping Cart and more.

Product List Template example:

release-product-list.jpg

Product Details Template example:

release-product-details.jpg

In Nicepage, these Templates are in the Theme Menu.

release-product-templates-in-theme.png

Product List Template

The Product List Template contains the Product List Element to show the list of products from your WooCommerce or VirtueMart.

release-product-list-template.png

The Product List Template contains a particular Block with the Pagination Element.

release-product-list-pagination-template.png

Product Details Template

The Product Details Template contains the Product Image Gallery and other Elements for displaying the Product data.

release-product-details-template.png

Adding Elements to Templates

You can edit both Templates the same way you edit all Elements on a Page. Also, you can add new Elements to them to show more Product data.

release-add-elements-to-product-details.gif

Exporting Product List and Product Details Templates

IMPORTANT: To add the Product List and Product Details Templates to your Theme, you need to check the new box in the Export Dialog.

release-export-dialog-for-product-templates.png

After the Theme installation, you will see the Templates on your website.

release-export-product-list-product-details-templates.png

Usually, there is an option to enlarge the Product Image for the bigger screens to review the details. We have added this option for the Thumbnail and Carousel Layouts of the Product Image Gallery.

You can enable this option here.

release-product-image-gallery-zoom-effect.png

The Zoom Effect works like the following.

release-product-image-gallery-zoom-effect.gif

We have released the Gallery with Image Thumbnails Element. We have added the option to set the position of the Image Thumbnails.

release-image-gallery-thumbnails-poisition.png

Modal Popup Position

We have added the new Position property to simplify the positioning of the Modal Popup Dialog.

release-modal-popup-poistion.gif

Modal Popup Align

The Horizontal Align Button for the Modal Popup Dialog works similarly to the Vertical Align and positions Elements inside the Modal Popup.

release-modal-popup-align.gif

Modal Popups in Add Element

Besides the Theme -> Modal Popups, we have also added the Modal Popups list to the Add Elements.

release-modal-popup-list-in-add-element-menu.png

Now, you can add a new Modal Popup directly from the Edit Link Dialog.

release-add-modal-popup-from-edit-link-dialog.png

Search for Page and Modal Popup in Edit Link Dialog

You can also search for the needed Page or Modal Popup in the Add/Edit Link Dialog.

release-search-for-page-in-edit-link-dialog.png

Best Practices

List Layouts in Conversion Dialog

If you duplicate multi-selected Elements with the CTRL or ALT keys, you will see the conversion dialog offering you to choose from the popular List layouts.

release-convert-to-list-presets.png

Gallery Layouts in Conversion Dialog

We have also added a similar Conversion dialog while duplicating Images with the CTRL or ALT keys.

release-convert-to-gallery-with-presets.png

Now you can specify the number of Rows for the Image Gallery.

release-image-gallery-rows.gif

Wide Form Button

Quite often, there are Contact Forms in Modal Popups. Moreover, many users stretch the Submit Button to the 100% width of the Contact Form. We have added such an option, especially for the Submit Button.

release-wide-form-submit-button.png

Block Designs and Presets for Text, Button, Image, Icon, and Shape

We have added the Block Presets and Designs for the Text, Button, Image, Icon, and Shape Elements in the Add Elements similar to other Categories.

For adding Texts:

release-add-text.png

For adding Buttons:

release-add-button.png

For adding Icons:

release-add-icon.png

For adding Shapes:

release-add-shape.png

New Image Presets

We have added the Rounded and Circle Presets for the Image.

release-add-image-presets.png

License Changes

We have added the limitation of five (5) websites for the Personal License and fifty (50) websites for the Business Licence only for the new users. All current users will have their Premiums unchanged.

Work in Progress

We are continuing to work on the Product List Sorting and Filtering, and Product Details Template Elements like Product Quantity, Product Tabs and Product Tags.

We have also started to work on the Rich Text / Article Element for creating long-read articles.

Fixed Issues

  • Crashing while adding the Product Image Gallery into the Product List Element
  • Rear Crashing while doing the Undo after deleting of the first Slide in the Image Slider
  • Links did not word on the Modal Popup in the Image Gallery Element
  • Application of the Image Thumbnails Border was not applied to all Thumbnails
  • Button was not deleted while deleting the Button Text
  • Rear lost of the Email during the Link Editing
  • Contact Form showed the error overlapping the Submit Button
  • Misplacing while resizing of the Padding for the Group with the expanded width
  • Moving Element to Block, which was placed entirely out of the limits of the parent Element after resizing
  • Alignment for the List Repeater Items. For example, misplaced Icons outside of the List Repeater Item for the Align Center option
  • Slide misplacing after the dragging and dropping of the Arrows of the Slider Element
  • Misplacing for the Central Magnetic Guide in the Block
  • Editing the Element Height for the Slider Element
  • Alignment Resetting while deleting a Cell

Block and Page Designs

We have created new block and page designs for this update.

new-designs-228.jpg

## What's New in This Update? - Product List and Product Details Templates for WooCommerce and VirtueMart Themes - Zoom Effect for Product Image Gallery - Thumbnails Position for Image Gallery - Position and Alignment for Modal Popups - Search for Page and Modal Popups in Edit Link - List Repeater and image Gallery Presets in Best Practices - Image Gallery Rows - Wide for Form Submit Button - Block Presets and Designs for New Text, Button, Image, Icon, and Shape - License Changes - New Block and Template Designs ## Theme's Product List and Product Details Templates (Beta) In the previous updates, we have released Product List and Product Details Elements. You can add those Elements to WordPress Pages and Joomla Articles. If you have a WooCommerce or VirtueMart online store and want to change the design, you need to modify the **Theme**. The WordPress and Joomla Theme consists of Templates. In this update, we have supported the **Product List** and **Product Details** templates as part of the **Theme**. In future updates, we are planning to release the Shopping Cart and more. Product List Template example: !release-product-list.jpg! Product Details Template example: !release-product-details.jpg! In Nicepage, these Templates are in the Theme Menu. !release-product-templates-in-theme.png! ### Product List Template The Product List Template contains the Product List Element to show the list of products from your WooCommerce or VirtueMart. !release-product-list-template.png! The Product List Template contains a particular Block with the Pagination Element. !release-product-list-pagination-template.png! ### Product Details Template The Product Details Template contains the Product Image Gallery and other Elements for displaying the Product data. !release-product-details-template.png! ### Adding Elements to Templates You can edit both Templates the same way you edit all Elements on a Page. Also, you can add new Elements to them to show more Product data. !release-add-elements-to-product-details.gif! ### Exporting Product List and Product Details Templates **IMPORTANT:** To add the Product List and Product Details Templates to your Theme, you need to check the new box in the Export Dialog. !release-export-dialog-for-product-templates.png! After the Theme installation, you will see the Templates on your website. !release-export-product-list-product-details-templates.png! ## Zoom Effect for Product Image Gallery Usually, there is an option to enlarge the Product Image for the bigger screens to review the details. We have added this option for the Thumbnail and Carousel Layouts of the Product Image Gallery. You can enable this option here. !release-product-image-gallery-zoom-effect.png! The Zoom Effect works like the following. !release-product-image-gallery-zoom-effect.gif! ## Gallery with Image Thumbnails Released ## Thumbnail Position for Image Gallery We have released the Gallery with Image Thumbnails Element. We have added the option to set the position of the Image Thumbnails. !release-image-gallery-thumbnails-poisition.png! ## Modal Popup ### Modal Popup Position We have added the new Position property to simplify the positioning of the Modal Popup Dialog. !release-modal-popup-poistion.gif! ### Modal Popup Align The Horizontal Align Button for the Modal Popup Dialog works similarly to the Vertical Align and positions Elements inside the Modal Popup. !release-modal-popup-align.gif! ### Modal Popups in Add Element Besides the Theme -> Modal Popups, we have also added the Modal Popups list to the Add Elements. !release-modal-popup-list-in-add-element-menu.png! ## Add New Modal Popup from edit Link Dialog Now, you can add a new Modal Popup directly from the Edit Link Dialog. !release-add-modal-popup-from-edit-link-dialog.png! ### Search for Page and Modal Popup in Edit Link Dialog You can also search for the needed Page or Modal Popup in the Add/Edit Link Dialog. !release-search-for-page-in-edit-link-dialog.png! ## Best Practices ### List Layouts in Conversion Dialog If you duplicate multi-selected Elements with the CTRL or ALT keys, you will see the conversion dialog offering you to choose from the popular List layouts. !release-convert-to-list-presets.png! ### Gallery Layouts in Conversion Dialog We have also added a similar Conversion dialog while duplicating Images with the CTRL or ALT keys. !release-convert-to-gallery-with-presets.png! ## Image Gallery Rows Now you can specify the number of Rows for the Image Gallery. !release-image-gallery-rows.gif! ## Wide Form Button Quite often, there are Contact Forms in Modal Popups. Moreover, many users stretch the Submit Button to the 100% width of the Contact Form. We have added such an option, especially for the Submit Button. !release-wide-form-submit-button.png! ## Block Designs and Presets for Text, Button, Image, Icon, and Shape We have added the Block Presets and Designs for the Text, Button, Image, Icon, and Shape Elements in the Add Elements similar to other Categories. For adding Texts: !release-add-text.png! For adding Buttons: !release-add-button.png! For adding Icons: !release-add-icon.png! For adding Shapes: !release-add-shape.png! # New Image Presets We have added the Rounded and Circle Presets for the Image. !release-add-image-presets.png! ## License Changes We have added the limitation of five (5) websites for the Personal License and fifty (50) websites for the Business Licence only for the new users. **All current users will have their Premiums unchanged.** ## Work in Progress We are continuing to work on the Product List Sorting and Filtering, and Product Details Template Elements like Product Quantity, Product Tabs and Product Tags. We have also started to work on the Rich Text / Article Element for creating long-read articles. ## Fixed Issues - Crashing while adding the Product Image Gallery into the Product List Element - Rear Crashing while doing the Undo after deleting of the first Slide in the Image Slider - Links did not word on the Modal Popup in the Image Gallery Element - Application of the Image Thumbnails Border was not applied to all Thumbnails - Button was not deleted while deleting the Button Text - Rear lost of the Email during the Link Editing - Contact Form showed the error overlapping the Submit Button - Misplacing while resizing of the Padding for the Group with the expanded width - Moving Element to Block, which was placed entirely out of the limits of the parent Element after resizing - Alignment for the List Repeater Items. For example, misplaced Icons outside of the List Repeater Item for the Align Center option - Slide misplacing after the dragging and dropping of the Arrows of the Slider Element - Misplacing for the Central Magnetic Guide in the Block - Editing the Element Height for the Slider Element - Alignment Resetting while deleting a Cell ## Block and Page Designs We have created [new block and page designs](https://nicepage.com/html-templates) for this update. [!new-designs-228.jpg!](https://nicepage.com/html-templates) ##