Hi,
First, Congrats for this awsome Newspaper theme.
Fantastic!
This support forum was also very helpful for tweaking it.
here’s my problem:
1- I can’t figure out how to add a block 3colons*3lines for my best articles after an article “smartlist6”.
see image
Please can you help?
2- Does Next/Back button appear the same in mobile devices?
I noticed the amp version of my article doesn’t work: ie it doesn’t show the back/next button
Should I de-activate the Amp Newspaper plugin to make it work on mobiles?
What is the cost of de-activating the Amp plugin? (speed? seo? )
For info : here is my modified smartlist6 file
—-
<?php
class td_smart_list_6 extends td_smart_list {
protected $use_pagination = true; // set this to true to use rela pagination on this template
protected function render_before_list_wrap() {
if(td_global::$cur_single_template_sidebar_pos == ‘no_sidebar’) {
$td_class_nr_of_columns = ‘ td-3-columns ‘;
} else {
$td_class_nr_of_columns = ‘ td-2-columns ‘;
}
$buffy = ”;
//wrapper with id for smart list wrapper type 2
$buffy .= ‘<div class=”td_smart_list_6’ . $td_class_nr_of_columns . ‘”>’;
return $buffy;
}
protected function render_list_item($item_array, $current_item_id, $current_item_number, $total_items_number) {
//print_r($item_array);
$buffy = ”;
//creating each slide
$buffy .= ‘<div class=”td-item”>’;
$buffy .= ‘<div class=”td-number-and-title”><h2><span class=”td-sml-current-item-nr”>’ . $current_item_number. ‘</span><span class=”td-sml-current-item-title”>’ . $item_array[‘title’] . ‘</span></h2></div>’;
// 2nd ad smart list 6 Modif LJMI 1/12/2018
$buffy .= do_shortcode(‘[td_block_ad_box spot_id="custom_ad_1"]‘);
//get image info
$first_img_all_info = td_util::attachment_get_full_info($item_array[‘first_img_id’]);
//get image link target
$first_img_link_target = $item_array[‘first_img_link_target’];
//image caption
$first_img_caption = $item_array[‘first_img_caption’];
//image type and width – used to retrieve retina image
$image_type = ‘td_696x0’;
$image_width = ‘696’;
if(td_global::$cur_single_template_sidebar_pos == ‘no_sidebar’) {
$first_img_info = wp_get_attachment_image_src($item_array[‘first_img_id’], ‘td_1068x0’);
//change image type and width – used to retrieve retina image
$image_type = ‘td_1068x0’;
$image_width = ‘1068’;
} else {
$first_img_info = wp_get_attachment_image_src($item_array[‘first_img_id’], ‘td_696x0’);
}
if (!empty($first_img_info[0])) {
//retina image
$srcset_sizes = td_util::get_srcset_sizes($item_array[‘first_img_id’], $image_type, $image_width, $first_img_info[0]);
// class used by magnific popup
$smart_list_lightbox = ” td-lightbox-enabled”;
// if a custom link is set use it
if (!empty($item_array[‘first_img_link’]) && $first_img_all_info[‘src’] != $item_array[‘first_img_link’]) {
$first_img_all_info[‘src’] = $item_array[‘first_img_link’];
// remove the magnific popup class for custom links
$smart_list_lightbox = “”;
}
$buffy .= ‘
<figure class=”td-slide-smart-list-figure td-slide-smart-list-6’ . $smart_list_lightbox . ‘”>
</figure>
<figcaption class=”td-sml-caption”><div>’ . $first_img_caption . ‘</div></figcaption>
‘;
}
$tds_smart_list_6_title = td_util::get_option(‘tds_smart_list_6_title’);
//adding description
if(!empty($item_array[‘description’])) {
$buffy .= ‘<span class=”td-sml-description”>’ . $item_array[‘description’] . ‘</span>’;
}
// ad smart list 6 Modif LJMI30/11/2018 inversed text and Image
$buffy .= td_global_blocks::get_instance(‘td_block_ad_box’)->render(array(‘spot_id’ => ‘smart_list_6’, ‘spot_title’ => $tds_smart_list_6_title));
$buffy .= ‘</div>’;
// render the pagination
$buffy .= $this->callback_render_pagination();
//$buffy .= $this->callback_render_drop_down_pagination();
return $buffy;
}
protected function render_after_list_wrap() {
$buffy = ”;
$buffy .= ‘</div>’; // /.td_smart_list_6 wrapper with id
return $buffy;
}
}
——-
3- One more question: In a smartlist of 10 items for example, Is there a way to customize the button on slide 1, different from slide 2, different from slide 3?
Hi,
Thank you very much for your appreciation, we try our best.
1. So you want to add a block to display posts, after the post content. The only way of doing that would be to use a cloud post template, these can be built with the tagDiv composer
– https://forum.tagdiv.com/tagdiv-cloud-library-plugin/
Here you can see all the available cloud post templates at the moment, preview and even edit them
– https://affiliate.tagdiv.com/#/load/Single
More templates will be added in the next theme updates. If the post contains a smart list, use a smart list template (designed by us or create your own with the blank template). This way a block can be added after the smart list.
2. Smart lists will be displayed in AMP, but not with next/prev buttons. The list elements will appear one after the other. If AMP is disabled and the mobile theme is active there will be next/prev buttons on mobile.
The mobile theme plugin and our AMP plugin can be active at the same time. The AMP version will be accessed by users only through Google search results page, others will receive the mobile theme version.
3. There could be a way for that. There will be a class on the body with the number of the slide in the smart list
– https://www.screencast.com/t/rtzHNzQyrviK
So you could do something like this – https://www.screencast.com/t/ZWNNGPcu
Code used in example here, multiply it as needed
.paged-2 .td-smart-list-button {
color:red;
}
Let me know if you have more questions.
Thanks
Hi Simion,
Than’s for the reply.
1- Solution 1 with cloud library messed up all the formatting of my article ( i used smart list template 4) + the 2 ads disappeared. So I’m considering the solution 2
2- Deactivating the AMP plugin (I will redirect the ancient AMP pages with an Htaccess for google seo) , and NOT using the Mobile Theme. Does that configuration force the back/next buton to appear on both Desktop and Mobile and tablette? (using the smartlist number6)
3- How can I remove the sign “>” and “<” from the back/next button? … to show only “Next” or “Back” without the signs?
4- last question: Is there a way to remove the “back button” completely?
Sure we can hide it with css color White on White, but can we remove it all togheter?
Your code for changing the button on pages 3, 4, 5 .. is working great. Thank’s!
Any help here please?
Sorry for the delay, we try to reply in all topics as soon as possible, within the allocated support hours.
Also as a note, please try not to reply in your own topic multiple times, this will only delay the response from us. So for example this topic would have been among the first in priority without that last reply.
1. The cloud smart list templates display only the smart list itself, the post content element is or should not be present in the template
– https://www.screencast.com/t/PtSK5cwMYM
If you edit a smart list post template you can see that the post content is missing, only the smart list element is there.
So if the post contains other content besides the smart list, it will not be displayed. if that is the case, it would be better to use default post templates.
But that means that in order to display a block in the post page, after the content, you would have to maybe edit the post template files and enter it there, or in the content directly
– https://forum.tagdiv.com/topic/how-to-ad-block-under-the-post/
2. With no AMP and mobile theme plugin, the same smart list template from desktop will be displayed at all times and for all devices.
3. A code like this will do that – https://www.screencast.com/t/9qSmvpF4w
.td-smart-list-pagination .td-icon-right,
.td-smart-list-pagination .td-icon-left {
display: none;
}
4. Maybe like this, with CSS is easiest – https://www.screencast.com/t/6JPPg5La
.td-smart-list-pagination .td-smart-back {
display: none;
}
Thanks
thank you so much Simion.
