How to use Blocksy Content Blocks & Hooks - Full Tutorial
Vložit
- čas přidán 30. 07. 2024
- In this video I’m going to show you how to use Blocksy content blocks and hooks in a way that you can add your own custom content in pre-defined locations. Also, I’m going to show you how to create a nifty mobile specific fixed bottom bar.
Blocksy Theme and Kadence Theme are both currently two of the best WordPress themes. So, if you’re interested, then you can grab:
🅱️ Blocksy theme wpsimplehacks.com/blocksy (SAVE 10% Coupon WPSH10)
🔵 Kadence theme here: wpsimplehacks.com/kadence (SAVE 10% Coupon SIMPLEHACKS)
✅ If you want to be the first to be notified about the new tutorials then please subscribe to this channel. / @wpsimplehacks
Timestamps:
00:00 Introduction
01:19 Blocksy Pro coupon code
01:45 Content block on Woocommerce single product page
04:55 Content blocks om specific product categories
05:45 Content blocks in Woocommerce product categories page
06:52 Ads after certain number of blocks
09:18 Fixed mobile bottom bar
✅ BEST WORDPRESS THEMES:
Blocksy theme: wpsimplehacks.com/blocksy (SAVE 10% Coupon WPSH10)
Kadence Theme: wpsimplehacks.com/kadence (SAVE 10% Coupon SIMPLEHACKS)
Astra Theme: wpsimplehacks.com/astra
GeneratePress: wpsimplehacks.com/generatepress
OceanWP: wpsimplehacks.com/oceanwp (SAVE 10% Coupon WPSH10)
✅ AWESOME WORDPRESS PLUGINS:
WPCodeBox wpsimplehacks.com/wpcodebox (SAVE 20% Coupon WPSH20)
WooLentor Elementor/Gutenberg add-on wpsimplehacks.com/woolentor (SAVE 20% Coupon WPSH20)
Best Wordpress Backup, Migration and Staging plugin - WpVivid Pro wpsimplehacks.com/wpvidid (SAVE 20% Coupon WPSH20)
Best Gutenberg Blocks addon - Kadence Blocks wpsimplehacks.com/kadenceblocks (SAVE 10% Coupon SIMPLEHACKS)
Best forms plugin - Fluent Forms: wpsimplehacks.com/fluentforms (SAVE 20% Coupon: WPSH20)
WP Social Ninja wpsimplehacks.com/socialninja (SAVE 20% Coupon: WPSH20)
Best for email marketing - Fluent CRM: wpsimplehacks.com/fluentcrm (SAVE 20% Coupon: WPSH20)
Best for creating tables - Ninja Tables wpsimplehacks.com/ninjatables (SAVE 20% Coupon: WPSH20)
Best Wordpress LMS - Tutor LMS wpsimplehacks.com/tutorlms (SAVE 20% Coupon thmwelcome20)
Best Wordpress SEO plugin - SEOPress wpsimplehacks.com/seopress
Image Map Pro - wpsimplehacks.com/imagemap
✅ AWESOME WOOOCOMMERCE EXTENSIONS:
Best Woocommerce Swiss Knife tool - Kadence WooExtras wpsimplehacks.com/wooextras (SAVE 10% Coupon SIMPLEHACKS)
Advanced Dynamic Pricing Pro wpsimplehacks.com/dynamic-pri... (SAVE 20% Coupon: WPSH20)
Phone orders For Woocommerce Pro wpsimplehacks.com/phone-order... (SAVE 20% coupon: WPSH20)
Advanced Orders Export Pro wpsimplehacks.com/export-orde... (SAVE 20% coupon: WPSH20)
Best Woocommerce sidecart plugin - Woocommerce Cart in One wpsimplehacks.com/cartinone - Jak na to + styl
![[TOP SECRET] 16 Blocksy Theme Hidden Features + 5 hacks?](http://i.ytimg.com/vi/fe-rndr8sCo/mqdefault.jpg)
Do you know any other nice ways how to use content blocks? Let me know in the comments. Also, see this video about Blocksy popups czcams.com/video/0pw5Ou78FMs/video.html
I still don't understand why you have not got more subscribers, your Videos are incredible and really helpful. Thanks for all your work
Thank you for your kind words 🙂
@@wpsimplehacks absolutely deserved
nice! thanks for explanation. really cool and useful feature! Blocksy is great
Glad to hear
Subscribed! Very interesting useful content. It's a shame I had to dig very deep to find your videos.
I use hooks with Elementor to edit product page. Never heard of Blocksy. It makes it easier. Thank you.
Thanks 🙂
If you're interested thene there's a 10% discount coupon for Blocksy in my video description.
Thanks man! Blocksy is great!
It really is!
Very cool , thank you for the tutorial.
Glad you liked it!
Great tutorial. Thanks for that!
The "icons list" of the Gutenberg editor is not available for me. Is it an extra plugin or feature that is needed?
It's Kadence Blocks plugin I'm using
good work
Thanks ☺️
Hello, is there a way to make "mobile menu 2" full width and scrollable for mobile devices? Right all menu items do not fit in one line so they shift down into second line. It does not look good so I want to make all menu items stay in one line and slide left or right. Any suggestions? I have Blocksy Pro verstion.
It would be open up a support ticket in Blocksy so they could help you directly :)
What tool you are using to check website device responsiveness in this vide?
It’s Sizzy sizzy.co/
hi, thanks for the tutorial. Please, what plugin are you using to extend the Gutenberg menu? I have Blocks Pro for the template, but I don't have the same Gutenberg options. thanks for the advice Petra
I’m using Kadence Blocks plugin for all of my sites. If I need to display dynamic content (custom fields etc) then I’ll use Kadence Blocks Pro (which is a premium plugin).
Also, in this video I use Block Navigation plugin. See here czcams.com/video/zvkIhltgSzQ/video.html
hi, thanks for your reply. I only bought blocksy, the kadence didn't fit me so well. Otherwise, I have it in combination with elementor pro, but I wanted to better edit some small things that you solve with guttenberk and mine doesn't have so many tools. Like the icon list. So these tools are part of the Gutenberg Block Navigation - Page Builder Experience for Gutenberg. I understand it well? But having two builders is probably not very good.
No, the icon list is part of the Kadence Blocks plugin. This one here wordpress.org/plugins/kadence-blocks/
Block navigation plugin - see the video I offered in the previous comment, and you’ll see what id does. Basically, it allows you to use drag and drop to rearrange your blocks on your page. It does not offer any additional blocks.
yeah, I already have them there, thanks, that's the tool I'm looking for. I am solving how to modify the display of product properties in a different way thanks to hooks. And this might help. Thank you very much for your time
Some of these hacks I showed in these videos may come handy czcams.com/play/PLS1Y4-9j3vy4zZ0ReD3wy35xe0ll8F0V6.html
How do you get the Debug Hooks option on the admin top bar? Thanks for a great video!
You need a Blocksy Pro for it. If you have it then go to front-end and it should be there on the admin bar. It’s now showing on the backend.
@@wpsimplehacks Awesome, thanks for the quick response and all your WP hacks videos!
I love your header (wishlist and My account) Do you have a guide on how to do it?
It’s a good old Blocksy theme which allows you to make this kind of header with a couple of clicks. I have made a video about creating complex headers with Blocksy. See here czcams.com/video/iR1-NDNCRDs/video.html
Hi! I'm using Blocksy Pro and for some reason I don't have the Block Position and Location. I know there is a built in shortcut bar now built in Blocksy, but I'm trying to create a secondary conditional shortcut bar. and creating a content block seem to be the only way possible.. am I missing something? Thanks in advance!
It would be wise to ask about it from the theme support team
@@wpsimplehacks It looks like they moved it, now to create the same solution you have to create a popup block and change quite a few settings to make it work.
Can you show a content block on a certain product or products?
Not exactly. But as a workaround you can create a tag (for example "featured") and add this tag to the products. Now you can target products with this specific tag.
Nice Video - and Looks Excellent functionality - but I can't, for the life of me, figure out how to get the 'Debug Hooks' menu to appear in the wp-toolbar !!
Do you have Blocksy Companion Premium version activated? If yes and it is not appearing then please open up a support ticket here and Blocksy team will take a look at it creativethemes.com/blocksy/support/
@@wpsimplehacks Thanks. I have Blocksy Premium, it’s activated, and I can access other Premium features - so I’ll do as you suggest ( I had no idea that this feature existed - it doesn’t appear in the documentation I see ). Grateful for both your video, and your help.
Drop me an email, I’ll take a quick look. If you do that then send me a temporary acces using this method here czcams.com/video/mBwwpf1QCN4/video.html
@@wpsimplehacks sooo simple !! I tend to work on the site(s) I manage mostly in the 'customiser' - or, when I'm otherwise looking at the site, make sure I'm not logged in [ different browser & or device ] - so I'd never see the Debug Menu 🤕
All I needed to do was look at front end of any Blocksy site, while logged in to the backend - blindingly simple !!
Thanks for your help
Hey! How can i add a content block via hooks to a specific product category page?
If you’re already using Blocksy Content blocks then just add conditions from the block setup.
If you’re not using Blocksy Pro and want to display blocks, then use a plugin called Reusable Blocks Extended. It allows you to display blocks using shortcodes. Then you would need to know the theme or plugin hooks you would need to use. And then you would need to add a function that displays this shortcode in a specific place. Read this post about the conditional logic www.businessbloomer.com/woocommerce-conditional-logic-ultimate-php-guide/
@@wpsimplehacks I use Blocksy Pro. Can't find a condition that would allow me to target a product category page.
Please can you make a video how to make mobile footer bar in free kadence theme
Use Kadence hooks and Reusable Blocks extended plugin to accomplish that. See this video
czcams.com/video/nm8Xf4VWT2k/video.html
Visual Hooks guide for Kadence wordpress.org/plugins/visual-hook-guide-for-kadence/
thanks nice video , i'm curious about how can ı make this mega menu meridapark.com
See whether this one helps you out "Blocksy Theme tutorial: How to Create a Mega Menu With Blocksy Theme?"
czcams.com/video/hyBG1jtJ1ZU/video.html
@@wpsimplehacks thank you for your response , ı managed to make my menu Transparent and the mega menu but unfortunately cant make it dynamic like the link ı post , basicly ı want to change images when ı hover sub menus , if you know some plugin for that ı would appreciate
Sorry, that I don't know 😊