[Resolved] Issues found editing a custom post archive page in Kadence + Toolset

[Author]

Posts

[nicolaS-3]

Hi
I am working on a site using Kadence theme (free) + Toolset Blocks.

- search fields: one checkbox field that is correctly displayed in edit mode isn't displayed in page view. BTW checkboxes still have the old issue of displaying the field name that it's impossible to hide with CSS.
- pagination messes up posts when AJAX is selected, needs full page reload to adjust
- Kadence customizer options settings not implemented for this page (remove title ->still there; background color -> no change; show breadcrumbs -> not shown ...)
- in page view pagination buttons bottom border is hidden due to overflow:hidden. Had to impose custom CSS .pagination{overflow:visible;} to see it
- the format_money function (it converts money format to European format) that works perfectly in single.php doesn't work here, don't know why (same block type, same field, copied code ...)
[format_money][types field='price' format='FIELD_VALUE'][/types][/format_money]€

I understand these are many different issues but they are all referred to the same archive page.
Please open the private reply so that I can send you screenshots and references, thanks

Regards
Nicola

[Waqar]

Hi Nicola,

Thank you for contacting us and I'd be happy to assist.

To guide you around these points, I'll need to see exactly how this archive page is set up in the admin area.

Can you please share temporary admin login details along with the link to the archive page?

Note: Your next reply will be private and it is recommended to make a complete backup copy, before sharing the access details.

regards,
Waqar

[Waqar]

Thank you for sharing these details.

1. The checkbox for the 'Lefthanded' field is not showing because currently there is no 'Classifieds' post available where this field is checked. If the option 'Show only filter options that would produce results' is disabled in the "WordPress Archive Search" block's settings, this checkbox field starts showing.
( screenshot: hidden link )

As for the text that is shown inline with the checkbox field, the field's 'Field name' is used.
( screenshot: hidden link )

It would be impossible for the visitor to know what this checkbox represents if that text is hidden and you can update the field's name as needed, to change that text (keeping the field's slug unchanged).

2. I can see the issue with the page's layout when the AJAX pagination is used. To troubleshoot this, I'll need to perform some further testing on your website's clone. Do I have your permission to download your website's clone/snapshot?

3. The Kadence theme offers customizer options for individual custom post-type archives. Please go to WP Admin -> Appearance -> Customize -> Custom Post Types -> Classifieds Archive and you'll be able to control options like show title and breadcrumbs.

Note: Currently some custom CSS code seems to be in use ( .entry-hero {display: none;} ) to hide the main hero/title section on the archive page. The theme shows the breadcrumbs above this title. So if you'll hide or disable this page title section from the theme, the breadcrumb won't show either.

4. I don't see the issue with the pagination's border, even if the custom CSS code ( .pagination{overflow:visible;} ) is removed. Can you please check that again?

5. For the money format, this is the code that is being used in the single post page 'Template for Classifieds':

<p style="text-align: center;">[format_money][types field='price' format='FIELD_VALUE'][/types] [/format_money]€</p>

But in the archive, this is the code that is being used to show the price, without being wrapped in the shortcode 'format_money':

<p style="text-align: center;">[types field='price' format='FIELD_VALUE'][/types] €</p>

You can update the same code in the archive, to apply the numbering format to the price.

6. To control the sorting controls fields, you can use the 'Block Alignment' settings in the "Sorting Controls" block.
( screenshot: hidden link )

Note: To make sure that the alignment of this block doesn't affect the layout of the results below it, you can wrap the "Sorting Controls" block inside a 'Container' block.

[nicolaS-3]

please make screenshots as private thanks

[nicolaS-3]

Update on 3 and 4
I set the options in Appearance -> Customize -> Custom Post Types -> Classifieds Archive and they are working but the content area background color that doesn't change as per selected.
But I noticed that after having set the title options the issue #4 disappears on PC, not on the iPAD. It's actually just one pixel, possibly due to a rounded calculation of the browser.

[Waqar]

Thank you for sharing this update.

I've downloaded your website's clone and currently performing some tests around these remaining points. I'll share the findings as soon as this testing completes.

Thank you for your patience.

[Waqar]

Just wanted to let you know that I'm still working on this ticket and will share an update with you, within the next few hours.

[nicolaS-3]

Thank you Waqar, take your time, we are working on new technologies and I am happy to help you find bugs if any. In the meantime I am working on other sections of the site, talk soon

[Waqar]

Thank you for waiting.

During troubleshooting and research, I found that the issue with the image slider not showing correctly after the AJAX update is already reported to the concerned team.

This only happens if the "Caption" option is enabled in the 'Image Slider' block's settings and for now, you can disable this option, as a workaround.
( screenshot: hidden link )

For the number format, I'll recommend using a slightly different custom shortcode:

function format_my_number($atts)
{
    $atts = shortcode_atts(
        array(
        'num' => '',
        'sym' => '',
    ),
        $atts
    );
    $num = $atts['num'];
  
    return number_format($num, 0, ',', '.').' '.$atts['sym'];
}
add_shortcode('format-currency', 'format_my_number');

Then in your archive and the single product templates, you can use this new shortcode, like this:

[format-currency num="[types field='price' format='FIELD_VALUE'][/types]" sym="€"]

In my tests, this shortcode doesn't have the same issue, as the previous one.

And for the alignment of the sorting controls, I was able to make it work, by adding some minimum height to the parent container block.
( screenshot: hidden link )

[nicolaS-3]

Thank you Waqar,
brilliant support as usual, everything worked fine, many thanks!

I'd close this ticket, but I've found another little one for you to know: changing font in the homepage instruments view won't work in page view (but it works in the editor). I added an heading, a single field and a Field and text block for testing (all connected to Post title): with heading and single field only on the page, whatever font is chosen in Typography is not applied BUT if you add a Field & Text block and select the same font then the font is applied to all three fields !

See picture, you can try yourself, I left all three fields in the view for you to see, remove the Field & Text and see what happens.
Of course I will use the Fields and Text that works as workaround.

[Waqar]

Glad I could help.

A fix for this particular font loading issue is planned to be covered in the upcoming release.

You're welcome to mark this ticket as resolved and start a new one, for each new question or concern.

[nicolaS-3]

My issue is resolved now. Thank you!