- ApiPractical example – How to add a new Block and Module
- Apitd_api_thumb::update
- Apitd_api_thumb::add
- ApiAPI – Thumbnail – Introduction
- Apitd_api_module::delete
- Apitd_api_module::update_key
- Apitd_api_module::update
- Apitd_api_module::add
- ApiAPI – Modules – Introduction
- Apitd_api_block::delete
- Apitd_api_block::update_key
- Apitd_api_block::update
- Apitd_api_block::add
- ApiAPI – Blocks – Introduction
- ApiUsing the Theme API in plugins
Hi,
You can set the post ids in the block if you want https://prnt.sc/T8nYbP9csdZJ -> https://forum.tagdiv.com/flex-block-settings-guide/
Thank you!
Hello @letnas!
Drag & drop an element (add a flex block in that column for example) when you edit the page with the TagDiv Composer. Set a limit post 1 in order to display only one post. Read more about it here: https://forum.tagdiv.com/flex-block-settings-guide/
Thank you!
Hello @melik82!
You can create the pages and add a flex block to each page using the filter you need for that page. Then, add in your menu those pages or using a custom link: https://prnt.sc/X7DaYJGxYJge
Thank you!
Hi,
I see only the post in the video provided, but I think I know what the issue is. You can customize the category template. For the category template, please use posts loop; if you have set a posts loop then will display all posts in this category or you can use Flex Block/Big Grid Flex and set the filter to “Category -Current category” => https://i.imgur.com/7P99qx0.png and this is why the block will display posts for each category. So, please check the settings.
Thank you!
I am using Version: 12.6.1. In addition, I have inserted the following short code into my page posts.
[td_flex_block_1 modules_on_row=”” limit=”4″ hide_audio=”yes” modules_gap=”” image_width=”30″ image_floated=”float_left” meta_padding=”1% 5%” image_radius=”” image_height=”65″ meta_info_horiz=” ” modules_category=”image” modules_category_margin=”” category_id=”45″ ajax_pagination=”load_more” td_ajax_filter_type=”” tag_slug=”baby-mod-for-minecraft-pe” show_btn=”none” show_cat=”none” show_author=” none” show_date=”” show_review=”” show_com=””]
Hello,
(Using the latest version)
– Flex Loop Filters: Is there anyway to make it load results in ajax?
a. The filtered field are hidden when selecting an option. (any options)
b. The page keep reloading at each selection
– Flex Loop Sorting Options: This is returning results in ajax. Why not the above?
a. There’s only 3 options: Oldest posts, Modified date, Alphabetical A -> Z
b. How can we had options? Real Estate standards have (price asc/desc), size (asc/desc), year built.
Thank you
Hi,
You can customize the category template. For the category template, please use posts loop; if you have set a posts loop then will display all posts in this category or you can use Flex Block/Big Grid Flex and set the filter to “Category -Current category” => https://i.imgur.com/7P99qx0.png and this is why the block will display posts for each category. So, please check the settings.
Thank you!
Hello,
On mobile, you can use Flex Block 2, which has the option to swipe on pagination -> https://i.imgur.com/m61Rb15.png for next and prev pagination.
Thank you!
Hello,
You can change the layout of the row -> https://i.imgur.com/sKembsA.png You can find more details here -> https://tagdiv.com/flexibility-rows-columns-newspaper-theme/
You can not delete the empty column, only the row that contains empty columns.
If you want to delete a row, you can delete a row with the empty column using the right click on the row icon -> http://prntscr.com/owlyuw -> http://prntscr.com/owlynq or using the drag and drop -> http://prntscr.com/owlz2r or you can simply click on the row and press the delete button from your keyboard -> https://www.screencast.com/t/Mai7iyEG The same steps are to delete the elements.
Thank you!
Hi,
You can try to create your own modules -> https://forum.tagdiv.com/modules-builder-newspaper-theme/ here you can use the module featured image and the custom field to show the images. -> https://forum.tagdiv.com/flex-block-builder-flex-loop-builder/
Thank you!
Hi,
The bullet list is made with a custom css and an extra class on the block https://i.imgur.com/VsMFT1F.png ->
.td-numbers {
counter-reset: numbers;
}
.td-numbers .td_module_flex {
display: flex;
}
.td-numbers .td_module_flex .td-module-container {
flex: 1;
}
.td-numbers .td_module_flex:before {
counter-increment: numbers;
content: counter(numbers);
background-color:red;
color: black;
border-radius: 66px;
width: 31px;
height: 28px;
display: block;
text-align: center;
line-height: 28px;
margin-right: 10px;
}
@media (min-width: 768px) and (max-width: 1017px) {
.td-numbers .td_module_flex:before {
width: 52px;
height: 30px;
line-height: 30px;
}
}
@media (max-width: 767px) {
.td-numbers .td_module_flex:before {
width: 62px;
height: 30px;
line-height: 30px;
}
}
Set the code in a Raw CSS.
Thank you!
Hi,
The bullet list is made with a custom css and an extra class on the block https://i.imgur.com/VsMFT1F.png ->
.td-numbers {
counter-reset: numbers;
}
.td-numbers .td_module_flex {
display: flex;
}
.td-numbers .td_module_flex .td-module-container {
flex: 1;
}
.td-numbers .td_module_flex:before {
counter-increment: numbers;
content: counter(numbers);
background-color: var(--insight-purple);
color: var(--insight-turquoise);
border-radius: 66px;
width: 31px;
height: 28px;
display: block;
text-align: center;
line-height: 28px;
margin-right: 10px;
}
@media (min-width: 768px) and (max-width: 1017px) {
.td-numbers .td_module_flex:before {
width: 52px;
height: 30px;
line-height: 30px;
}
}
@media (max-width: 767px) {
.td-numbers .td_module_flex:before {
width: 62px;
height: 30px;
line-height: 30px;
}
}
Set the code in a Raw CSS.
Thank you!
Hello,
Is it possible to implement a filter for the ‘flex block/flex loop’ using an ACF (Advanced Custom Fields) select field? For example, if I select ‘Book’ from the select field, could I configure it to display only posts related to books within the ‘flex block/flex loop’?
Thanks in Advance
hi,
this is a post in the category album review.
We want to have the album cover artwork to be uploaded in the featured image section.
With the Advanced custom fields, we have added the option to upload an extra image with the field name “camera eye”.
Basically, when the post, which is in the album category, also has the category featured checked, we want to have the second image displayed that was uploaded in the advanced custom fields field called “camera eye”, but only in the block that is used in the featured section.

Basically, this can be done on the single post templates, as per photo below.
I’ve opted for the custom field to be displayed on the top right, instead of the featured image for this category.
It would come down to the option for the flex block on the front page, to be able to select between featured image or the custom field. While I know this isn’t an option today and likely won’t be any time soon, I was hoping how this could be achieved for just the flex block in the featured image for the album review category.

I hope this makes any sense…
Hello Bettina,
We have inhouse devs thank you. We’ll tackle this ourselves for now. We just didn’t want to modify any of the core theme files unless there’s no other options.
I hope more flexible gallery option will be considered.
Thank you.
I installed “Coronavirus Total Pro” skin but our home page is loading too slowly. All other pages load fine.
Also, I can’t make changes in “Flex Block 1”. There is not taken post picture.
thanks for your help.
Hi,
I said only to use cloud templates; you can create as you want the template. You can create your modules and use the flex block builder to display it -> https://forum.tagdiv.com/modules-builder-newspaper-theme/ -> https://forum.tagdiv.com/flex-block-builder-flex-loop-builder/
If you import only a template, then the colors and settings are applied only on that template; I said to change the blocks and the template to be able to turn off the tagdiv standard pack plugin because this plugin will be deprecated. You already have a cloud template for posts, authors, and categories. Maybe you have only cloud templates and don’t use elements from the standard pack plugin.
From what you said, I understood that you have more widgets displayed only a few days before the event. Is this correct?
You can add a page on the homepage, but this can be done in an iframe, and the content will load from both pages; what I can suggest is to use modal popup -> https://forum.tagdiv.com/modal-popup/ and set the page there. Then, the content will be loaded only where the button is pushed, depending on what trigger you set.
For optimization, please set the height and width of the logo https://pagespeed.web.dev/analysis/https-www-cinefilia-ro/lys3ldwyle?form_factor=desktop, and you can use the option from Theme Panel – Block Settings -> inline css. You can enable the options and do a page speed test to see if it will improve. If you want, you can contact us via email at contact@tagdiv.com, and there, we can communicate in Romanian.
For the jetpack newsletter, https://i.imgur.com/dsCY1BV.png please use this code
.wp-block-jetpack-subscriptions__container .wp-block-button__link {
padding: 8px 12px;
margin-top: 20px;
background-color: #561D5E;
}
Thank you!
The tutorial I followed (https://www.theblogmarket.co/how-to-customize-the-jetpack-subscribe-opt-in-form/) was aiming for this look that i liked and i copied the code exactly how it was here, but it didn’t completely changed.

So i actually got that exact code as a start… but it doesn’t change… it still looks like the default widget that i added before the custom code. 
I don’t use a shortcode, it’s just the jetpack widget. I tried one found online but it looked horrible so i deleted it. I usually use Shortcodes Ultimate as a plugin for basic shortcodes I need on posts.
I tried browsing the cloud, but it doesn’t actually fit the estetic I wanted for the website so I worked with what I could actually edit as I wanted to look, i wanted the custom blocks that have only 16/9 images, because i’m not interested in mixed image dimensions as I don’t want to worry about them being cut or stretched and this format almost fit my old website featured image dimension. I only use Flex Blocks. I really don’t get why are you asking to make my website like other website, with those not movies related templates. I bought a theme so I can make it custom, If i wanted predefined designs I would’ve stuck to wordpress.com themes. When I got the theme I uploaded a custom design from cloud (as it was suggested) that I edited to fit my needs. Every time I imported something from the cloud all my global settings, content and colours went all over the place and I had to redo everything and lost a lot of time deleting and recolour things. I still find things that I’m pretty sure I fixed before and now they are wrong again. I’m not anymore on the staging website, I’m on the live one so I cannot remake everything again from scratch. Please explain why are you suggesting this. What have I done wrong by working with these settings that I choose?
You are quite confusing and it seems you merged two separate questions in one answer and I don’t really understand what do you ask me. You mean that my website can be slow because I placed the widget with the jetpack subscription box? Or you mean the column text block is making the website slow? Or you mean other part is doing that?
I only used column text block in only three places. The Popcorn section and with the two sliders because the two kind of sliders the theme provided were useless for what I wanted (actually one was useless and other too complex to handle). The one I’m using is called MetaSlider and it is really simple and it has a shortcode that i added in the text box… so that is who i find it quite lite.
The Popcorn section is the one with the shortcodes that is worrying me in the future. I initially wanted to make a separate page with it but the content to be shown on the homepage as it can be seen now… but to keep the whole code on the page, not on the homepage, and just load it the homepage. But it didn’t work so I uploaded the whole content on a column text block

(that might affect the page speed in the FUTURE if it will get full of images in all of the days, even if those pictures are not shown – I now clean slots while I’m updating it with new ones). I made the separate page with the shortcodes here: https://www.cinefilia.ro/10963-2/ but I want to show the content of the page on the homepage, as you can see on the homepage (but with some kind of a display shortcode so it wouldn’t have all the code on the homepage as now). I tried to do that with a block that shows the meta of the page, but it only gets the code that should not be seen. 
So the questions is if there is a way to display other page shown content in a box on the homepage so I would not worry about adding too much content on the homepage at least with this big text. I don’t want to keep all this content on the homepage, but i can’t display it automatically on homepage from a separate page. Maybe it would’ve been just easier to explain in Romanian…
Thank you for the optimisations resources. I will check them to see what I can make better.
Have a nice day!
-
This reply was modified 2 years by
Cinefilia.ro.
Hello,
You can try to stretch the row. You can find more details here -> https://tagdiv.com/flexibility-rows-columns-newspaper-theme/
-> https://tagdiv.com/how-to-add-delete-and-duplicate-row-newspaper-theme/
Thank you!
Hello,
Please let me know how you want to look at the button.
Please let me know what plugin you use to have that shortcode. Yes, if you have set more of this type of block in the sidebar, this can cause the website to be slow. I notice that you use the tagdiv standard pack plugin, I recommend replacing all templates with cloud templates and blocks 1-25 or big grid blocks with flex blocks and big grid flex.
The page loading speed can depend on many factors, and each website is unique from this point of view. Let me explain some of these factors, and maybe they give you some starting points for optimizing your website. A good choice for the page speed could be the mobile layout, which contains fewer elements because it can improve a bit your page speed https://forum.tagdiv.com/topic/website-optimization/
We offer services for page speed; if you want, you can request a quote here -> https://tagdiv.com/submit-a-request/
Thank you!
On Flex Block 2 , I can’t get the next / previous swipe buttons to appear on desktop – they are there on mobile however. Have ticked the Next / Prev swipe under extra and New Prev Ajax etc . Please advise, thank you
Hello,
For the moment this can be achieved using an extra plugin.
As an workaround, you can use a shortcode from a flex block that can be set in ads section, for this you can check this guide – https://forum.tagdiv.com/set-block-inside-post-content/
Thank you!
Hello, I am currently working on the design configuration of my WordPress site. My question is, when designing the site in cloud templates, is it possible to disconnect the PC version from the mobile version? For example, if I set the design to flex box 1 in the PC version, it will automatically be set to flex box 1 on mobile as well. I want the design to be set to flex box 1 on the pc version, but I want a different design on mobile. I was wondering if there is a solution to this.
Thanks for the response, but I am looking to sort by custom field not filter. Specifically what I am trying to accomplish is I have a custom post type called “industry events”, within the events is the “event date”, I want to display the events using the Flex Block Builder and have the events sorted in order of the “event date” so upcoming events show first.
While I know you dont support sorting by custom fields in a flex block out of the box. Is there away through custom code to add sorting by a custom field to the flex block builder. I am creating an event section for my website and need to be able to sort the events by the event date.