GP Premium 1.8.0

GP Premium 1.8 is now in beta testing! This is a huge update with tons of new features.

You can update the new version in your Dashboard if you’ve enabled beta testing.

You can also download the latest beta version inside your account.

WooCommerce

WooCommerce was a big focus of ours in this update. We’ve added new features, and improved existing ones. We’ve also improved the design in some areas.

Menu Mini Cart

You can now add a mini cart to your cart menu item when you hover over it. This mini cart can be styled using color options in the Customizer.

Number of Items in Cart Menu Item

By default, the cart menu item displays the total cost of the items in your cart. You can now change that to show the number of items instead.

Sticky Panel on Add to Cart

When you add a product to your cart, you can now enable a sticky bar which will appear with a checkout button.

Sticky Add to Cart Panel

On single product pages, you can choose to show an add to cart panel once you pass the add to cart button on the page.

Improved Quantity Fields

We’ve added + and – signs to your quantity fields, and designed them to better fit with the add to cart button. This option is on by default, but can be turned off in the Customizer.

Single Product Image Width

The area which holds your single product image can now be adjusted directly inside the Customizer.

Other WooCommerce Tweaks

  • Add color options for price slider widget
  • Use CSS grid for the product archives
  • Horizontally align add to cart buttons
  • Re-design the cart widget
  • Improve product tab design to look more like tabs
  • Use flexbox for quantity/add to cart alignment
  • Improve rating star styles
  • Improve coupon field design
  • Improve result count/ordering styling

Navigation as Header

One of our more popular requests is to use the navigation as your header. This is useful if you’re looking for a slim alternative to a classic header.

Previously, you’d have to disable the classic header, add a navigation logo to your navigation and set the placement of the logo to Sticky + Static. While this process works, it involves a lot of steps.

In 1.8, we’ve removed the Navigation Logo and placement options if you’re not using them, and added a Navigation as Header option. This option will only show up if you’re not using a Navigation Logo.

Using the Navigation as Header option does various things for you:

  1. Disables the classic site header
  2. Adds your logo or site title (or both, depending on your settings) into the navigation
  3. If you’re using a site title, it sets it to your menu item color
  4. Hides all non-applicable header options in the Customizer

This options vastly simplifies the process for you, while giving you more control. You no longer need to upload a different logo, as it will use your logo set in Customize > Site Identity. If you don’t want a logo, you can just use your site title by leaving the Hide site title option un-checked in Customize > Site Identity.

The site title color and typography options can be altered in Customize > Typography > Header as usual.

Off Canvas Overlay

We’ve had a slideout navigation/widget area for a while now. In 1.8, we’ve added an option to turn it into a full-screen overlay. We also re-named “Slideout Navigation” to “Off Canvas Panel” throughout the theme.

Mobile Header Branding

You’ve always been able to upload a logo for your mobile header. Now, you can choose to use your site title instead.

Better Spacing Control

Mobile Padding

Elements like the header, sidebar widgets and footer widgets now have mobile padding controls.

Content Separator

Previously, you weren’t able to adjust the amount of space between your featured images, title, entry meta and footer entry meta. Now, you’re able to do so inside the Customizer.

Site Library Re-Design

The importer received a little love as well. We re-designed the process and simplified it a bit.

Content Area Width

We’ve added a new option to the Layout Element that allows you to set a custom width for you content area. This is particularly useful when not using any sidebars, as a narrow content area makes your content much easier to read.

Customizer Shortcuts

As of right now, we have 4 main panels of options in the Customizer:

  • Layout
  • Colors
  • Typography
  • Background Images

In each of these panels, we have various sections, which are consistent throughout each panel. We experimented with merging the Colors, Typography and Background Images section into one section, but things quickly became quite messy/confusing.

So instead, we came up with a shortcut system to take you between panels easily.

Sticky Navigation Logo

Somewhat related to the Navigation as Header option above, you can now upload a different logo for your sticky navigation. This option will only appear if you don’t have the deprecated Navigation Logo option set.

Mobile Header Breakpoint

You can now choose when the mobile header initiates. By default, it happens at 768px. Once GP 2.3 is released, this option will also apply to the regular menu if the mobile header isn’t activated.

Multi-Language Elements

Elements are now translatable using popular plugins like WPML and Polylang.

That’s It!

We’re super proud of GPP 1.8, and hope you like the new features!

As I said above, this is currently an alpha version, so use caution when using it on sites with traffic.

If you have any bug reports or feedback, please report them in our forums.

Full changelog

1.8.0-rc.2

  • Disable Elements: Make sure disabling the navigation disables the navigation as header
  • Elements: Allow content width input field to remain empty
  • Elements: Allow Beaver Builder Templates in Display Rules
  • Elements: Use #content selector for content width
  • Menu Plus: Ensure mobile menu CSS is executed at set breakpoint
  • Menu Plus: Apply mobile menu breakpoint to mobile header only until GP 2.3
  • Menu Plus: Prevent jump when closing offside panel when close button is inside
  • WooCommerce: Ensure mobile menu CSS is executed at set breakpoint
  • WooCommerce: Fix menu cart when navigation is in a sidebar

1.8.0-rc.1

  • No changes! Onto release candidates.

1.8.0-beta.1

  • Menu Plus: Basic compatibility with future SVG icons
  • Secondary Nav: Basic compatibility wth future SVG icons
  • Sections: Show Better Font Awesome icon in editor
  • WooCommerce: Show sticky add to cart panel on variable and external products
  • WooCommerce: Fix mini cart font size in Secondary Nav
  • WooCommerce: Fix add to cart panel blocking footer clicks on mobile
  • WooCommerce: Increase number of items font size

1.8.0-alpha.2

  • Disable Elements: Make sure mobile header is disabled when primary navigation is disabled
  • Disable Elements: Disable Mobile Header if Primary Navigation is disabled
  • Elements: Improve Polylang compatibility
  • Elements: Add option to show Elements to all languages when using Polylang
  • Elements: Prevent PHP notices when adding taxonomy locations to non-existent archives
  • Elements: Add generate_mobile_cart_items hook to hook list
  • Elements: Add generate_element_post_id filter
  • Elements: Escape HTML elements inside Element textarea
  • Menu Plus: No border around off canvas close button
  • Menu Plus: Prevent duplicate IDs when sticky navigation is cloned
  • Secondary Nav: Add dropdown direction option
  • Sections: Show custom editor buttons in Sections
  • WooCommerce: Force Elements in add to cart form to be full width
  • WooCommerce: Add has-items class to mobile cart item
  • WooCommerce: Remove has-items class without reloading when cart is emptied

1.8.0-alpha.1

  • Blog: Apply columns filter to masonry grid sizer
  • Colors: Merge Footer Widgets and Footer controls in Color panel
  • Colors: Remove edit_theme_options capability to Customizer controls (set by default)
  • Disable Elements: Make sure mobile header is disabled when primary navigation is disabled
  • Elements: Add content width option in Layout Element
  • Elements: Fix mobile header logo when mobile menu toggled
  • Elements: Add generate_page_hero_location filter
  • Elements: Add generate_elements_show_object_ids filter to show IDs in Display Rule values
  • Elements: Prevent merged header wrap from conflicting with Elementor controls
  • Elements: Change Container tab name to Content
  • Elements: Add woocommerce_share option to Hooks
  • Elements: Improve WPML compatibility
  • Elements: Improve Polylang compatibility
  • Elements: Prevent PHP notices when adding taxonomy locations to non-existent archives
  • Elements: Add generate_mobile_cart_items hook to hook list
  • Elements: Add generate_element_post_id filter
  • Elements: Escape HTML elements inside Element textarea
  • Menu Plus: Add mobile header breakpoint option
  • Menu Plus: Add off canvas overlay option
  • Menu Plus: Add navigation as header option
  • Menu Plus: Remove navigation logo option if navigation as header set
  • Menu Plus: Add sticky navigation logo option
  • Menu Plus: Allow site title in mobile header instead of logo
  • Menu Plus: Add option to move exit button inside the off canvas panel
  • Menu Plus: Change Slideout Navigation name to Off Canvas Panel
  • Menu Plus: Only re-focus after slideout close on escape key
  • Menu Plus: Give close slideout event a name so it can be removed
  • Menu Plus: Remove invalid transition-delay
  • Menu Plus: Improve slideout overlay transition
  • Menu Plus: Add mobile open/close icons to GPP font
  • Menu Plus: Allow dynamic widget classes in off canvas panel (fixes WC range slider widget issue)
  • Secondary Nav: Add dropdown direction option
  • Menu Plus: Prevent duplicate IDs when sticky navigation is cloned
  • Sections: Fix section editor issues in WP 5.0
  • Sites: Re-design UI
  • Sites: Add option to activate as a module like all the other modules
  • Sites: Don’t show backup options button if no options exist
  • Sites: Make JS action classes more specific to the site library
  • Sites: Set mime types of content.xml and widgets.wie
  • Spacing: Add header padding option for mobile
  • Spacing: Add widget padding option for mobile
  • Spacing: Add footer widgets padding option for mobile
  • Spacing: Add content separator option
  • Spacing: Apply mobile menu item width to mobile bar only
  • WooCommerce: Add option for mini cart in the menu
  • WooCommerce: Add option to open off overlay panel on add to cart
  • WooCommerce: Add option to open sticky add to cart panel on single products
  • WooCommerce: Add option to add +/- buttons to the quantity fields
  • WooCommerce: Add option to show number of items in cart menu item
  • WooCommerce: Add option to choose single product image area width
  • WooCommerce: Add color options for price slider widget
  • WooCommerce: Use CSS grid for the product archives
  • WooCommerce: Horizontally align add to cart buttons
  • WooCommerce: Re-design the cart widget
  • WooCommerce: Tighten up product info spacing
  • WooCommerce: Improve product tab design to look more like tabs
  • WooCommerce: Simplify single product image display
  • WooCommerce: Use flexbox for quantity/add to cart alignment
  • WooCommerce: Improve rating star styles
  • WooCommerce: Use product alignment setting for related/upsell products
  • WooCommerce: Remove bottom margin from product image
  • WooCommerce: Organize colors in the Customizer
  • WooCommerce: Remove title attribute from menu cart item
  • WooCommerce: Improve coupon field design
  • WooCommerce: Improve result count/ordering styling
  • WooCommerce: Add gap around WC single product images
  • WooCommerce: Remove arrow from checkout button
  • WooCommerce: Hide view cart link on add to cart click
  • WooCommerce: Organize CSS
  • Introduce in-Customizer shortcuts
  • Add generate_disable_customizer_shortcuts filter

56 thoughts on “GP Premium 1.8.0”

  1. A few weeks ago, a friend asked me how to change arrowto minus, plus, I inserted code into functions.
    With this GP 1.8, my friend will be able to change without code.
    Big Update, Thanks Tom <3

  2. Change list looks great, can’t wait to try it out!

    On the forums you mentioned there will be some new sites within the site library for 1.8, will these be released as part of beta/alpha testing or only when properly released?

    Cheers,

    Duncan

  3. Holy moly, that’s a big update. Awesome and useful new additions. Looking forward to taking GP 2.3 for a spin as well. ๐Ÿ™‚

  4. Looks fantastic, especially for a couple of Woo sites I do (one that I need to migrate to GP/GPP!) — awesome work, thank you Tom!

  5. Any update about substituting SVG or something else in place of the “generatepress.woff2” font? I’ve seen comments on this and I’ve been doing a lot of testing. That particular file, even though tiny, causes a bottleneck, adding half a second or more to the page load time.

    The file also gets a ding on Google PageSpeed Insights:

    “The Critical Request Chains below show you what resources are loaded with a high priority. Consider reducing the length of chains, reducing the download size of resources, or deferring the download of unnecessary resources to improve page load.”

    “Maximum critical path latency: 1,300 ms”

    “fonts/generatepress.woff2 670 ms, 1.66 KB”

    For my page it added 670 ms to the load time.

    Excited about these other improvements by the way. Don’t want to sound like a chronic complainer. Lol. I’m sure there is a solution it, but I have no idea what it would be.

    Thanks for all the hard work you guys do! Wonderful theme. ๐Ÿ™‚

    Joan

  6. Hi Tom .
    Any more details of ‘Elements: Improve WPML compatibility’
    I have the same header for all languages for a given set of pages and have a huge stack of pages in display rules. These need to be duplicated in all languages – just wondering if this update will help in any way. Thanks

  7. Man, I’m so happy I found your theme, this update looks great. One thing I would love is a quick color changer. Like the presets for the primary navigation but instead some that change the whole website.

  8. Hi Tom,

    This looks like a great update, as always. I’m pleased that you’ve included the “Improve product tab design to look more like tabs” for Woocommerce.

    Is there any chance that you could add a border around the tab content as well? At the moment, the tab titles look “tabbified”, but the content undereath doesn’t look like it’s attached to the tab (if that makes sense).

    Thanks

    Duncan

  9. Hi team. That’s a BIG update, looks great!
    Love the minicart, and many other features.
    Is there any place where to request for new features?
    I have some expectancy for a closer Gutenberg integration.
    Knowing your way of working only can be expected great things.
    Thanks a lot.

  10. Nice list of changes but I’m a little disappointed to see svg icons have not been implemented for the menu, search, etc yet instead of loading a separate GP icon file. Seems like an easy change to make and would be a great speed boost.

  11. Hello Tom! Excellent work!

    I tested the beta on a test site and found that:

    1. The sticky add to cart only works in simple products, it would be good to make it work for variable products (95% of the products of my stores are variable)

    2. The buttons of the mini cart (view cart and checkout) are very large for the size of the text (17px)

    3. It would be good if the pop up of adding product to the cart could be placed as the slideshow (to the side and with a dark background). It would also be nice to include the view cart button in addition to checkout.

    I look forward to the final version to install it on my production site.

    Thank you!

    • Glad you like it!

      1. The issue here is there isn’t enough room for variations in the panel.

      2. Will take a look at this.

      3. It can be altered using CSS quite easily – happy to help with that kind of stuff in the forum.

  12. Hello Tom! Thanks for answering.

    With regard to the sticky add to cart for variable products, one option would be to not show the variations, but when people click on the add to cart button, a pop up with the variations available to choose and the button to open add to cart

    I hope my opinion is taken into account, because as I mentioned before, the vast majority of my products are variable.

  13. Hello! Another thing.

    I see that the pop up when a product is added to the cart only shows on the pages of the store, but it does not appear on the page of the individual products.

    Is there any way to fix this?

    Thank you!

  14. Great work Tom, it sounds like you and your team have made lots of improvements. I am excited to use it on our live site once it comes out of Beta.

    Did you happen to implement better image resizing?
    I am currently working on making my images rescale or resize properly between mobile and desktop, without loading large image files when not needed.

    Michael

    • That was actually a bug in the CSS for the Seller site. We’ve fixed it. Let us know in the forum if you need help fixing it on your site ๐Ÿ™‚

  15. Hi.

    there seems to be a bug in the current Beta Version with the Improved Quantity Fields or “Add to Cart” botton CSS in combination with the plugin “WooCommerce Upload Files”.

    codecanyon.net/item/woocommerce-upload-files/11442983

    Any chance to look into that?

    Best regards.

  16. Hello Tom and greetings from Italy really a great job. Congratulations also for the new plugin. your profile picture with your baby is always beautiful.

  17. Hey Tom!,

    Another feature that would be greatly useful to us in 1.8 and pretty easy to implement would be the ability to swap the content and image in single WooCommerce products. Having the image on the left has never made any sense to me in terms of usability. A single toggle for that would be great!

    • Good idea! Thanks ๐Ÿ™‚

      We’re about to enter the release candidate stage, so we’re at a feature freeze. However, I’ll look at this for 1.9. It’s also likely very easy with some CSS which I’m happy to help with if need be ๐Ÿ™‚

  18. Hello Tom, Excellent work,

    kindly can you add with this update a way to change WooCommerce default login form appears with a smartest ways to customize WooCommerce checkout login and”my account” page.

    Thanks,

  19. Really like the new options, especially since I have three Woocommerce installs (across various sites). Looking forward to trying it out.

  20. Thanks for the hard work! We will be launching our company blog in a week or so and I really wanted that full screen slide out menu but since the overlay was closing the menu I decided I wouldn’t work too much on trying to make it work with custom coding but this new release is coming with it! How exciting!

    What do you guy would recommend? Waiting for 1.8.0 to be official or I should/could use it for our blog release?

  21. Wow, big positive news on the logo/header nav thing! I should have waited. ๐Ÿ˜‰ Now I wonder if I’ll blow everything up by upgrading and/or if I should migrate to the new approach.

  22. Hi Tom, I think I found a bug. Layout >> Blog, I can’t display a read more link or button. Tested it on 1.8.0-alpha.2 and on the newest version aswell.

    • Hi there,

      Can’t reproduce this one. What happens when you check the box and save? Does the box stay checked? Can you link me to your blog?

  23. Ok it works sorry. I was playing around again:
    I have imported blog posts from my older Website where the Classic editor was enabled into my new Local Site that uses Gutenberg. Those posts are missing the excerpt and the read more (I guess the read more wont show if the excerpt is missing).

    But when I create a new Post with Gutenberg its works just fine.

Leave a Comment