www.wysiwygwebbuilder.com

Blog The blog has been redesigned to make it a lot more powerful. It’s now also a great way to quick create lists or (responsive) grids for all types of data. - Added 'Layout' option. This controls the appearance of the blog items. Includes more than 10 different layouts! More layouts will be avail...

Image

Added Retina support to Image object. You can specify an (optional) high-resolution version of the image. If a high-resolution variant is specified, a script will be added to swap in that image in-place on retina displays.

Page Properties

Added 'Apple Touch Icon' option in Page Properties. When someone bookmarks your web page or adds your web page to their phone's home screen this icon is used

jQuery Tab
- Added new layout modes to give the tab widget a different appearance.
• Remove header background
• Remove entire header
• Tabs like button

Demo:
http://wysiwygwebbuilder.com/support/wb11_tabs.html

jQuery General - Upgraded to jQuery 1.11.3 and 2.1.4. - Upgraded to jQuery UI 1.11.4. This version has many improvements and outputs fewer files. - Added the ability to control the border-radius for individual jQuery UI widgets (replaces the theme radius) jQuery Date Picker Added 'flexible' mode. T...

WYSIWYG Web Builder 10.4.8 fixes known problems and includes other improvements. What's new in 10.4.8? - Fixed: Responsive table fonts. - Improved: Smart Google Fonts handling now also works in global style sheet. - Improved: Updated Google Translate script. How to update from previous 10.x versions...

User Interface Improvements Added Office 2016 color schemes: Colorful theme/Dark gray theme/White theme. Also scrollbars and panels (site manager, toolbox, object manager, property inspector) are rendered using the current theme colors. http://wysiwygwebbuilder.com/support/wwb11_blue.jpg http://wys...

Carousel Each slide can now have its own background. For example each slide can have another image, in combination with the full width mode this is perfect for advanced full width slideshows! Also added ‘Full width and floating’ option. This makes it possible to use the Carousel part of floating la...

Slide Show Added 'News Paper' animation: http://wysiwygwebbuilder.com/support/slideshow_newspaper.html Added "Carousel' mode. When this mode is selected multiple images can be displayed per slide: http://wysiwygwebbuilder.com/support/slideshow_carousel.html Note that in these demos the slidesh...

Symbols Added 'Subset' option to Insert Symbol dialog. Specifies a subset of special characters for the selected font. A font subset can include an extended list of language characters, such as Greek or Russian (Cyrillic), or a category of characters, such as Currency Symbols and Arrows. http://wys...

Text
Support for CSS3 multiple column layout. In the text properties you can set the number of columns and gap between columns - just like in news papers.
The number of columns can be different in breakpoints.

Demo:
http://wysiwygwebbuilder.com/support/co ... _text.html

Heading
WWB11 has a dedicated 'Heading' object. This is a quick way to add headings (<h1>, <h2>) without having to use styles. Each heading object can have its own fonts/size/color.

New Rollover Text Animations Fall In Rotate and translate text on hover Revolving Door 3D transform on hover Translate Left/Right Translate and scale image to reveal text on hover Tunnel Scale and fade image on hover Reveal Pushes the image up or down to reveal the text. Supports easing. Demo: http...

Rollover Image
Added 'Newspaper' animation, a great effect like in the movies;)

Demo:
http://wysiwygwebbuilder.com/support/newspaper.html

Login Tools Added responsive layout mode. In this mode input fields have 100% width (instead of a fixed size), so it can have a different size in breakpoints. http://www.wysiwygwebbuilder.com/support/login2016_1.jpg Added option 'Use place holders instead of labels'. Enabling this option results in...

Forms As previously mentioned the styles of form elements are now responsive. This means that you can have different font sizes, font families, text colors and backgrounds in breakpoints. Label The HTML Label Element (<label>) represents a caption for an item in a form (editbox, textarea, combobox,...

Layers - New feature: Added ‘Full Screen’ floating mode. This will set the width/height of the layer to 100% of the current view port. This can be useful for creating full screen/single page web sites. Example: http://www.wysiwygwebbuilder.com/support/singlepage_fullscreen.html - New feature: Added...

Hide/remove page extensions
WWB11 has the ability to hide/remove extensions from internal links.
When this option is enabled the application will use 'page1' instead of 'page1.html' in navigation objects and links.

Text link animations
WWB11 will add the possibility to animate link decorations (underline).

See the examples at the bottom of this related tutorial:
http://www.wysiwygwebbuilder.com/link_transitions.html

MenuBar The menubar has been redesign with many new options. It no longer uses 'fixed' themes, but the menu appearance is now fully customizable with the built-in menu editor. There are more than 50 predefined templates available to get you started. http://wysiwygwebbuilder.com/support/menubar2016....

Responsive Menu This is a responsive, multi-level menu optimized for desktop computers and mobile (touch) devices which uses CSS only (no JavaScript!). On desktop computer the menu will display a standard drop down menu and on mobile devices it will display a multi-level stacked menu with the commo...

Layer Menu
A Layer Menu is an advanced menu where the drop down menus are layers. This is great for creating advanced mega menus with images, text, form or any other object!

Pagination If you have a web site with lots of pages, you may wish to add the pagination object for easier navigation. You can either manually configure all links for the menu or automatically synchronize with Site manager. In that case the menu will automatically generate links with auto numbering...

Breadcrumb Breadcrumbs are used to enhance the accessibility of a website by indicating the location using a navigational hierarchy. You can either manually configure all links for the menu or automatically synchronize with Site manager. It's also possible to use FontAwesome icons. http://www.wysiw...

I'm sorry I am not familiar with the hreflang tag.

Lightbox Added support for Magnific Popup. Magnific Popup is a responsive gallery with a modern look that can be used in the SlideShow, Photo Gallery, YouTube, Vimeo, Inline frame. Magnific Popup can also be used as a replacement for the default Fancybox lightbox which is used in links. This can be...

Photo Gallery - Added 'Responsive' option for thumbnail size. When this option is selected the gallery can have a different number of columns in breakpoints and images will automatically resize based on the available container space. - Added the ability to set a description for images - Added Boots...

Lazy Loading
Enable this option to delay the loading of images until they are visible in the view port. This will speed up the page loading. It also prevents loading large images in mobile devices because only the visible images will be downloaded.

HTML/CSS/JavaScript New options to control the generated code. http://www.wysiwygwebbuilder.com/support/html_options.jpg - Added the ability to put all page specific scripts in an external (JS) file. - Added 'Move JavaScript to the end of the page' option. This will place all scripts at the end of ...

FontAwesome
When you looked at the demos in previous posts then you may have noticed WWB11 also has support for FontAwesome icons!

Parallax WYSIWYG Web Builder 11 will have built-in support for the 'parallax' background effect. The background image scrolls slower than the content in the foreground, creating the illusion of 3D depth. Demo: http://www.wysiwygwebbuilder.com/support/parallax.html More demos with different scroll s...

Layout grid The Layout Grid can be used to create flexible multi column layouts that automatically adapt to the screen size. A grid can have up to 12 columns, with sizes in percentages. Objects that are dragged into a grid will automatically become floating. For smaller (mobile) screens all columns...

Responsive Styles Most objects now can have different fonts, backgrounds and text colors in breakpoints. Added support for responsive styles in Style Manager. http://wysiwygwebbuilder.com/support/rwdstyles.jpg You can also configure different background properties in breakpoints. Here's a basic exa...

The next major version of WYSIWYG Web Builder (WWB11) is planned for 2016, this will be a major upgrade with more than 150 new features and improvements! This post will give you a sneak peak at some of these new features, it will be regularly updated with new information, so make sure you don't miss...

WYSIWYG Web Builder 10.4.7 fixes known problems and includes other improvements. What's new in 10.4.7? - Fixed: Hidden merged object causes error when switching breakpoints. - Fixed: Publish problem with merged object when the page has not been opened. - Fixed: Line offset in breakpoints. - Fixed: M...

WYSIWYG Web Builder 10.4.6 fixes known problems and includes other improvements. What's new in 10.4.6? - Improved: Default font in Shape text is now set to Arial. - Improved: PHPMailer files are no longer published when PHP form processor is disabled. - Improved: Global font replace now also works f...

I think this will require a custom script.

WYSIWYG Web Builder 10.4.5 fixes known problems and includes other improvements. What's new in 10.4.5? - Fixed: Issue with copy/paste layers and breakpoints. - Fixed: Refresh issue in Property Inspector when deleting multiple items. - Fixed: Full width slideshow problem in centered page. - Fixed: Vi...

I'm sorry I do not have any control over the behavior of this (third party) script. it is provided "AS IS".

I think you should also include the item name/number <input type="hidden" name="item_name" value=""> <input type="hidden" name="item_number" value=""> Note that I did not create the PayPal minicart, this is an external script. I only create...

Code: Select all

<a href=”#” $EVENTS$> … </a>

You can put it anywhere you want the event code to be inserted.

There is no example project, but this is from the help: Include Events Enable this option if you want to include the ‘Events’ property (which displays the standard ‘Events’ dialog). Use the predefined $EVENTS$ variable to include the selected events in your code. Example: <a href=”#” $EVENTS$> … </a>

Your code does not have fields for amount and item ID

Change

Code: Select all

<input type="hidden" name="cmd" value="_s-xclick">

to

Code: Select all

<input type="hidden" name="cmd" value="_cart">

Although I did not test it, the PayPal mini cart may also work with custom code.

WYSIWYG Web Builder 10.4.4 fixes known problems and includes other improvements. What's new in 10.4.4? - Fixed: Copy/Paste objects may remove breakpoint data. - Fixed: Combobox, editbox, textarea and button have invalid gradient background color in mobile pages (during design time). - Improved: CSS ...

The Bootstrap Menu uses Bootstrap’s ‘collapse.js’ and ‘dropdown.js’ scripts to implement a multi-level, responsive menu optimized for desktop computers and mobile (touch) devices. On desktop computer the menu will display a standard drop down menu and on mobile devices it will display a multi-level ...

Just replace the previous version of the extension.
Make sure the extensions are not in use/loaded when you try to update them.

Added a new FAQ article about using Microsoft Edge on Windows 10:
http://wysiwygwebbuilder.com/forum/view ... 10&t=68196

Search found 17607 matches