- ApiPractical example – How to add a new Block and Module
- Apitd_api_block::delete
- Apitd_api_block::update_key
- Apitd_api_block::update
- Apitd_api_block::add
- ApiAPI – Blocks – Introduction
- Apitd_api_thumb::update_key
- Apitd_api_thumb::update
- Apitd_api_thumb::add
- ApiAPI – Thumbnail – Introduction
- Apitd_api_category_top_posts_style::update_key
- Apitd_api_category_top_posts_style::update
- Apitd_api_category_top_posts_style::add
- ApiAPI – Category top section style – Introduction
- Apitd_api_module::update_key
- Apitd_api_module::update
- Apitd_api_module::add
- ApiAPI – Modules – Introduction
- ApiUsing the Theme API in plugins
- ApiThe Theme API
Hello,
1) The Denali park link leads to a post not a page: https://www.screencast.com/t/TUUeuK5ry8t
They are all posts not pages.
If you want to make a block link to a page though you cna do it from the block settings: https://forum.tagdiv.com/newsmag-block-settings-tutorial/ and check the post type feature.
2. Please check you html as it probably has an error in it somewhere, a tag left open or incorrect syntax.
4. If you cannot figure it out, please contact us via email at contact@tagdiv.com and provide a link to your site and wp-admin so we can login and investigate the back-end. Please also include a link to this topic so we can identify you.
Thanks.
Hello,
I have followed the tutorial here –
https://forum.tagdiv.com/practical-example-how-to-add-a-new-block-and-module/
To add new blocks and modules to the site. However on these new blocks the ajax filtering does not work and throws an error! It also stops images bellow the block from loading.
If I comment out this line in the code the lazy load works but no filtering –
$buffy .= $this->get_pull_down_filter();
I have tracked it down to this function always returning as zero –
get_td_pull_down_items
What can I do to get the ajax filtering to work on custom block modules?
This is my full block code –
<?php
// v3 - for wp_010
class td_block_27 extends td_block {
function render($atts, $content = null) {
parent::render($atts); // sets the live atts, $this->atts, $this->block_uid, $this->td_query (it runs the query)
$buffy = ''; //output buffer
//get the js for this block
$buffy .= $this->get_block_js();
$buffy .= '<div class="' . $this->get_block_classes() . '">';
//get the block title
$buffy .= $this->get_block_title();
//get the sub category filter for this block
//$buffy .= $this->get_pull_down_filter();
$buffy .= '<div id=' . $this->block_uid . ' class="td_block_inner">';
$buffy .= $this->inner($this->td_query->posts); //inner content of the block
$buffy .= '</div>';
//get the ajax pagination for this block
$buffy .= $this->get_block_pagination();
$buffy .= '</div> <!-- ./block -->';
return $buffy;
}
function inner($posts, $td_column_number = '') {
$buffy = '';
$td_block_layout = new td_block_layout();
if (empty($td_column_number)) {
$td_column_number = td_global::vc_get_column_number(); // get the column width of the block from the page builder API
}
$td_post_count = 0; // the number of posts rendered
$td_current_column = 1; //the current columng
$td_column_number = 1;
if (!empty($posts)) {
foreach ($posts as $post) {
$td_module_27 = new td_module_27($post);
switch ($td_column_number) {
case '1': //one column layout
$buffy .= $td_block_layout->open12(); //added in 010 theme - span 12 doesn't use rows
$buffy .= $td_module_27->render($post);
$buffy .= $td_block_layout->close12();
break;
case '2': //two column layout
$buffy .= $td_block_layout->open_row();
$buffy .= $td_block_layout->open6();
$buffy .= $td_module_27->render($post);
$buffy .= $td_block_layout->close6();
if ($td_current_column == 2) {
$buffy .= $td_block_layout->close_row();
}
break;
case '3': //three column layout
$buffy .= $td_block_layout->open_row();
$buffy .= $td_block_layout->open4();
$buffy .= $td_module_27->render($post);
$buffy .= $td_block_layout->close4();
if ($td_current_column == 3) {
$buffy .= $td_block_layout->close_row();
}
break;
}
//current column
if ($td_current_column == $td_column_number) {
$td_current_column = 1;
} else {
$td_current_column++;
}
$td_post_count++;
}
}
$buffy .= $td_block_layout->close_all_tags();
return $buffy;
}
/**
* renders the filter of the block
* @return string
*/
function get_pull_down_filter() {
$buffy = '';
$td_pull_down_items = $this->get_td_pull_down_items();
if (empty($td_pull_down_items)) {
return '';
}
//generate unique id for this pull down filter control
$pull_down_wrapper_id = "td_pulldown_" . $this->get_block_uid();
// wrapper
$buffy .= '<div class="td-pulldown-syle-default td-subcat-filter" id="' . $pull_down_wrapper_id . '">';
// subcategory list
$buffy .= '<ul class="td-subcat-list" id="' . $pull_down_wrapper_id . '_list">';
foreach ($td_pull_down_items as $item) {
$buffy .= '<li class="td-subcat-item">get_block_uid() . '" href="#">' . $item['name'] . '';
}
$buffy .= '';
// subcategory dropdown list
$buffy .= '<div class="td-subcat-dropdown">';
$buffy .= '<div class="td-subcat-more" aria-haspopup="true"><span>' . __td('More', TD_THEME_NAME) . '</span><i class="td-icon-read-down"></i></div>';
// the dropdown list
$buffy .= '<ul class="td-pulldown-filter-list">';
$buffy .= '';
$buffy .= '</div>';
$buffy .= '</div>';
return $buffy;
}
}
Thanks!
Hello itechniks,
Unfortunately, our theme does not have any such an option that allows you to use the Read More button for post pages, sorry! As you can see, our theme has this option implemented in some modules/blocks which use this structure. For more references about this case, you can follow the following topic here -> https://forum.tagdiv.com/topic/read-more-button-and-cant-change-title-color/
If you want to have this option on your website, you should use such a plugin with this functionality and check how it will work for you.
Thanks for your understanding!
Hello,
Thank you for choosing newspaper.
1) Sorry but the blocks will not inherit the category tag color. The category tag color is working exclusively on posts in our theme. The color will only show up on posts like so: https://www.screencast.com/t/j4aBKZlEfg4z
2) Some of the modules have these options hidden as a design choice in order not to crowd up the small thumb. Modules mx25 and mx26 do not have the markup in the code added to them. If you need to activate the date and author on these modules you will have to modify the module files like so:
Copy this code:
<div class="td-module-meta-info">
<?php echo $this->get_author();?>
<?php echo $this->get_date();?>
</div>
And paste it like so: https://www.screencast.com/t/GvqQFZBGYN1
The same goes for module mx 25: https://www.screencast.com/t/3fzttC0lih
3) Thank you for your suggestion. We do plan on adding more and more features to the tagdiv composer. For now you can hide the metas with css for each module in particular. Here is a list of what module is used on which block: https://forum.tagdiv.com/theme-blocks-modules/
4) You can use the translation settings to change the name for theme elements:
https://www.screencast.com/t/O5OUFx0VB simply type the preferred translation in the right column.
Thank you!
Hi,
Yes that post belongs to those three categories. But the category tag displayed on the module will be only one, that of the primary category of the post. By default the primary category is the first one alphabetically.
Without the code this is how that post is displayed on the block
– https://www.screencast.com/t/bzCg8Oli
You wanted to hide the Gallery tag on the module, the code does that. Like I previously mentioned, if a post has multiple categories you can control which category tag will appear on blocks by manually setting a primary category
For example this post has three categories
– https://www.screencast.com/t/8ao6NkRfd
Without setting a primary category manually, the first one alphabetically is displayed
– https://www.screencast.com/t/YUNMwHg0
Setting a primary category has this result
– https://www.screencast.com/t/1Y8vqSFyZ3JG
– https://www.screencast.com/t/bb0WQ0hqHrXd
The post will still be part of those categories, but the tag displayed in the one you choose.
The module only picks the primary category tag, hiding the Gallery tag will not make one of the other category tags to display
– https://www.screencast.com/t/U3m0hVvtA
Thanks
Hello Gordon,
In order to make a full width element in the tagdiv composer, you can use the stretch row and content option like so: https://www.screencast.com/t/L3UNx72DeK
If you only want a background around your block, you do it by stretchin only the row and not the content and then adding a background to the row in the css tab:
https://www.screencast.com/t/0Dk025Y18
This guide should help you understand how the block settings work: https://forum.tagdiv.com/block-settings-tutorial/
Thanks.
Hello,
I have just tested the list menu as well as block header 8 and it seems to work properly: https://www.screencast.com/t/bM8gter5d
This could be a plugin conflict so please disable all plugins except the page builder, clear cache and reset cdn files if you use it. Please also check any custom code you might have added to the theme panel or the theme files. If you use a child theme, please switch to the main theme to make sure it does not affect the proper functionality of the theme.
Thank you!
Hi,
The date displayed in the blocks can only be disabled globally. There is no setting for specific block. You could maybe hide it for all the blocks and display it just for these blocks with a code like this
.td_block_wrap .td-post-date,
.td-post-author-name span {
display: none;
}
.td_block_9 .td-post-date,
.td_block_9 .td-post-author-name span,
.td_block_17 .td-post-date,
.td_block_17 .td-post-author-name span{
display: inline-block;
}
It may require more modifications to it, but you can test it and see if it works properly.
I have tested the category filtering with the popular (all time) post sorting, and it is working properly. The block does not display posts from the not included category, even if they are more popular. Make sure you have post views enabled in the theme panel, this sorting will not work if post views are disabled
– https://forum.tagdiv.com/block-settings-guide/
Thanks
Hello,
Yes indeed if you use too many complex elements, the post requests will pile up. In order to reduce the number of post requests, pleas limit the number of different blocks with ajax filters and pagination.
The ‘ajax post views’ option can also increase the number of requests a lot.
Another way to reduce the load on the server is moving to the tagdiv composer and not using Visual composer anymore as it is known to load the server.
Here is another topic on the subject: https://forum.tagdiv.com/topic/admin-ajax-php-bandwidth-hog/
Thank you!
Hello CVBJ_Creative,
If you will check our block list you will notice that our theme has some modules/blocks which do not use any featured image, as you can see here -> https://www.screencast.com/t/KmbjdkBKsT
Thanks for your understanding!
Hi,
All the blocks that you could use in Visual composer are present in the tagDiv composer as well. Other specific Visual composer elements are not present however. The tagDiv composer is not meant to be a copy of Visual composer.
More elements will be added to this front-end editor in future updates exclusively, that is why it is recommended to use tagDiv composer to create your pages
– https://forum.tagdiv.com/visual-composer-tagdiv-composer-transition/
– https://forum.tagdiv.com/tagdiv-composer-tutorial/
Please specify what exactly you have problems with creating your page, and we will try to help you.
Thanks
Hi,
This is how the Read more button link is implemented in a module that features it
– https://www.screencast.com/t/U9anLMNaAo
Block 4 uses module 2, you could copy the the code from module 11 inside this one, like this
– https://www.screencast.com/t/gmV6RzxD7
The result would be like this
– https://www.screencast.com/t/wNrd9ETGU7
Now you could add some margin for the button, since it has none
– https://www.screencast.com/t/EbRbD8M9SPR
The code must be entered in Theme panel->Custom Css
.td_module_2 .td-excerpt {
margin-bottom:15px;
}
Thanks
Hi,
The modules that form the blocks can only display what they are meant to, like the date, category tag, author, excerpt etc. The process of handling these predefined elements is done automatically. This is an example of how a module structure looks
– https://www.screencast.com/t/J7PyfrlD
It gets the post information and displays it, the module will not display anything else.
Thanks
Hello, I was able to get the access token, thank you. HOWEVER, afterwards I got the following error on the homepage:
Fatal error: Call to undefined method td_block_social_counter::get_block_css() in /home/ahoracom/public_html/wp-content/plugins/td-social-counter/shortcode/td_block_social_counter.php on line 52
I had to deactivate it while I wait for your reply. After deactivating it this appears on the homepage where the social counter should appear:
[td_block_social_counter custom_title=”MANTENTE CONECTADO” facebook=”tagDiv”]
The URL for the site is http://www.aquiahora.com.gt
Waiting for your reply…
Hi there,
First of all thanks for this great theme. I love it! I am trying to learn it from scratch so I didn’t install any demos yet for the sake of creativity. I use tagdiv Composer which I find great for my kind of work. Naturally I have a couple of questions, if you may answer. 🙂
1- Can I select the category tag colors as hover colors in modules and/or grids? I am trying to get a clear color code for my categories which can be seen here : http://stilltune.com/home/
I added a block with custom title background color for my Music Theory category. It shows up exactly as I want. But as you may notice the Big Grid 9 above inherits the general accent color for categories. Can I show my category tag colors there as hover colors? Because I will have more categories and that Big Grid showing always the same main accent color for hovers would seem a little bit confusing regarding my category color coding. Now I have selected a category tag color for this category too but it doesn’t affect those hovers. It doesn’t even affect that block’s filter choices. I had to enter the block color manually. I guess it only shows up in beside block titles as tag colors, right? I couldn’t see it anywhere else. I found category tag colors a little bit confusing because of this. Maybe a category color concept would be much better? Because main accent color seems to interrupt this color code concept. So what can I do for this? (An example of what I want for that Big Grid can be seen in this demo’s top slider. http://demo.mekshq.com/voice/ Little category tags inherits category tag colors there so that category colors would be consistent everywhere in the theme)
2- Although my Meta Info in Theme Panel/Block Settings/Meta Info on Modules are all open, I cannot see the dates and authors in Module MX26 and MX25 like in a SS you shared in someone else’s forum posts (https://www.screencast.com/t/AQN4wjCydN) Do I need to change something else or add custom css codes for this?
3- I want to see all module names in grids and blocks. Do you have any guide or cheat sheet for them?
Finally one suggestion if I may 🙂
I think Modules and Grids should be edited in detail via tagdiv Composer. I may want to show meta info in one of them but I may not wanna show it in another. But when I select meta info on modules it affects them all. So maybe that edit section of tagdiv composer should be a little bit more detailed. Because otherwise we should enter css manually and the whole concept of “No coding required” is ruined 🙂
Thanks in advance, have a good day
Gökhan
I was add list menu in this page ( http://youblock.co.kr/hot-video/ ) with TD composer
and set header template [Block Header 8].
But it doesn’t work at all.
please see this site and help me.
Hello! Thanks for this code. I notice that it does remove the “Gallery” tag on all of the posts, but it unfortunately also removes all of the tags. For example, this post (http://e50.4da.myftpupload.com/day-3-of-spring-2016-new-york-fashion-weeks-most-inspiring/) is in the categories Gallery (which is hidden), Get Inspired, and Music. However, no categories show in Block 5 on the homepage here: http://e50.4da.myftpupload.com/. Can we block just the Gallery tag, and not all of the other categories? Thanks!
Hi, I need to show dates only on block 9 and 17.
-Plus i have an issue with block 14 and big grid full 5 … i have set block 14 to show popular post and avoid two specific categories but the block is still showing popular posts on that category. see the screenshot https://snag.gy/51ebcM.jpg
-on big grid full 5 i have set two categories to display the popular posts of those two categories but the theme is setting all the popular posts from all categories. and it is displaying the same popular posts as block 14, yet they should display differently — have a look — https://snag.gy/2VgiDI.jpg
with td composer not have blocks than visual composer, and the site does not appear than in the your ad without visual composer… here is the scam… you present one theme after which We find that it necessary another plugin, visual composer, because TDCOMPOSER does not create a site as shown in pictures… Deliver a full theme at the full price, and no one can object to anything, but to make the price seem acceptable, you did as quackets…
Thanks for your good and clear reply.
But i need it in the Block 4 (Read more), maybe php script or something custom?
i have seen both these issues in threads at the beginning of the year but couldn’t find any with resolution.
i am running v 7.3 – i’d rather not deal with the big upgrade to 8 until i’ve more time in the autumn.
the mobile theme has shown a huge improvement in pagespeed, but the tag div galleries, which i use quite a bit, are not working.
also the mobile theme is showing on tablet – even a 10″ in landscape – i thought it was meant to be restricted to phone screens only?
finally i don’t like the M1 blocks at all. the letterbox format top of image often shows nothing more than background. i would much prefer them to be 16:9 or even 4:3. Is there a css code snippet available to change them?
many thanks for any help – and if it’s coming from theme staff – great theme – sorry first you’ve heard of me is gripes – but that’s forums.
I see, but is there a possibility to have custom text (per post) instead of category to show up in that place. Like, some short tag I want to write? I would need that just to show up in blocks.
For instance – I have a block that shows one category (let’s say: Cars) and I publish post in that category and give them in some way a tag, not a subcategory (let’s say: Brand New), so that on the block we see that post with my tag instead of category in the place I show in the picture?
Thanks a lot for helping 🙂
Hi,
That is the category of the post. The modules will display the post category if it is enabled in the theme panel
– https://www.screencast.com/t/04VDR0VH
If you have a post in a category called “Recipes” for example, this category tag will be displayed on blocks for that post. If a post has multiple categories and you want to control which one is displayed on the blocks, you need to set a primary category for the post
– https://forum.tagdiv.com/primary-category/
You can create any categories you need and assign posts to them
– http://www.wpbeginner.com/glossary/category/
Here you can find more information about the category settings and options available in the theme
– https://forum.tagdiv.com/how-category-settings-work/
Thanks
Hi,
That depends on where you don’t want to show the author name.
If you mean the author name displayed on blocks
– https://www.screencast.com/t/y2xznNoAEDn
That can be disabled in the theme panel here
– https://www.screencast.com/t/khVePLsp
If you mean the author name displayed on the post page, that can be disabled here
– https://www.screencast.com/t/S5WfLEgYiD60
If you meant something else, please provide more details for a more accurate solution.
Thanks
Hi,
I am assuming that you are referring to the ajax filter displayed on top of the blocks
– https://www.screencast.com/t/1AuaLIJTAc
This will display information based on the available selection you choose in each of the block settings. There is no option to enter additional information in that field, it is an automated process that can only work with the options it currently has.
Here you can find more about block settings and options
– https://forum.tagdiv.com/block-settings-guide/
Blocks can display the titles you choose, and there is a particular block header style that would allow something like you want
– https://demo.tagdiv.com/newspaper/block-header-13/
– https://www.screencast.com/t/yRIkfSdIyh
Please correct me if I misunderstood what you were asking.
Thanks