Hi,

Thank you for the info.

Please look for this code around line 690.

if(empty($this->atts['thumbnails']))
				{
					 $image = "";
					 $extraClass = "av-magazine-no-thumb";
				}

Below, add the excerpt.

$excerpt = !empty($entry->post_excerpt) ? $entry->post_excerpt : avia_backend_truncate($entry->post_content, apply_filters( 'avf_magazine_excerpt_length' , 60) , apply_filters( 'avf_magazine_excerpt_delimiter' , " "), "…", true, '');

Best regards,
Ismael

Hi,
I have replaced your css with this to remove the padding and margin so it would be a better fit for the element:

.av-magazine-thumbnail a img {
    width: 120px!important; 
    height: 120px!important;
    margin: 0px !important;
}
.av-magazine-thumbnail {
    width: 120px!important; 
    height: 120px!important; 
    padding: 0px !important; 
}

Please clear your browser cache and check.
This will effect all of these elements site wide, typically I recommend limiting such changes to certain pages or elements to reduce conflicts, if you find issues with this elsewhere please let us know so we can adjust for you.

Best regards,
Mike

Hey dutchguy72,

Thank you for using Enfold.

The element is not working on Chrome, Windows 7. This is the error in the console.

(index):510 Uncaught ReferenceError: gtag is not defined
    at HTMLDocument.<anonymous> ((index):510)
    at i (jquery.js:2)
    at Object.fireWith [as resolveWith] (jquery.js:2)
    at Function.ready (jquery.js:2)
    at HTMLDocument.K (jquery.js:2)

The error is related to this markup.

width="80" height="80" src="https://tyt.com.my/wp-content/uploads/2018/03/TYT-GINGER-TEA-LABEL-ART-IMP-RED-DATES-26SEPT17-1-80x80.png" class="attachment-thumbnail size-thumbnail wp-post-image" alt="" srcset="https://tyt.com.my/wp-content/uploads/2018/03/TYT-GINGER-TEA-LABEL-ART-IMP-RED-DATES-26SEPT17-1-80x80.png 80w, https://tyt.com.my/wp-content/uploads/2018/03/TYT-GINGER-TEA-LABEL-ART-IMP-RED-DATES-26SEPT17-1-295x300.png 295w, https://tyt.com.my/wp-content/uploads/2018/03/TYT-GINGER-TEA-LABEL-ART-IMP-RED-DATES-26SEPT17-1-768x782.png 768w, https://tyt.com.my/wp-content/uploads/2018/03/TYT-GINGER-TEA-LABEL-ART-IMP-RED-DATES-26SEPT17-1-1012x1030.png 1012w, https://tyt.com.my/wp-content/uploads/2018/03/TYT-GINGER-TEA-LABEL-ART-IMP-RED-DATES-26SEPT17-1-36x36.png 36w, https://tyt.com.my/wp-content/uploads/2018/03/TYT-GINGER-TEA-LABEL-ART-IMP-RED-DATES-26SEPT17-1-180x180.png 180w, https://tyt.com.my/wp-content/uploads/2018/03/TYT-GINGER-TEA-LABEL-ART-IMP-RED-DATES-26SEPT17-1-1473x1500.png 1473w, https://tyt.com.my/wp-content/uploads/2018/03/TYT-GINGER-TEA-LABEL-ART-IMP-RED-DATES-26SEPT17-1-100x100.png 100w, https://tyt.com.my/wp-content/uploads/2018/03/TYT-GINGER-TEA-LABEL-ART-IMP-RED-DATES-26SEPT17-1-450x458.png 450w" sizes="(max-width: 80px) 100vw, 80px" /></noscript></span>        </span>    </span></a></div>
<script type="text/javascript">(function(){var sa=document.createElement('script');sa.type='text/javascript';sa.async=true;sa.src=('https:'==document.location.protocol?'https://cdn':'http://cdn')+'.ywxi.net/js/1.js';var s=document.getElementsByTagName('script')[0];s.parentNode.insertBefore(sa,s);})();</script> <script type="text/javascript">jQuery('form#wma_login_form').submit(function(){if(jQuery(this).find('#user_login').val()==''||jQuery(this).find('#user_pass').val()==''){alert('Please fill in your username and password');return false;}});</script> <script>(function(body){'use strict';body.className=body.className.replace(/\btribe-no-js\b/,'tribe-js');})(document.body);</script> <script type='text/javascript'>/*<![CDATA[*/var avia_framework_globals=avia_framework_globals||{};avia_framework_globals.gmap_api='AIzaSyC8a6O54W35wkO7ImcqzGvdGFrU9wbFeJw';avia_framework_globals.gmap_maps_loaded='https://maps.googleapis.com/maps/api/js?v=3.30&key=AIzaSyC8a6O54W35wkO7ImcqzGvdGFrU9wbFeJw&callback=aviaOnGoogleMapsLoaded';avia_framework_globals.gmap_builder_maps_loaded='https://maps.googleapis.com/maps/api/js?v=3.30&key=AIzaSyC8a6O54W35wkO7ImcqzGvdGFrU9wbFeJw&callback=av_builder_maps_loaded';avia_framework_globals.gmap_backend_maps_loaded='https://maps.googleapis.com/maps/api/js?v=3.30&callback=av_backend_maps_loaded';avia_framework_globals.gmap_source='https://maps.googleapis.com/maps/api/js?v=3.30&key=AIzaSyC8a6O54W35wkO7ImcqzGvdGFrU9wbFeJw';/*]]>*/</script> <script type='text/javascript'>var avia_framework_globals=avia_framework_globals||{};avia_framework_globals.frameworkUrl='https://tyt.com.my/wp-content/themes/enfold/framework/';avia_framework_globals.installedAt='https://tyt.com.my/wp-content/themes/enfold/';avia_framework_globals.ajaxurl='https://tyt.com.my/wp-admin/admin-ajax.php';</script> <script type="application/ld+json">{"@context":"https:\/\/schema.org\/","@type":"Product","@id":"https:\/\/tyt.com.my\/shop\/ginger-tea-original\/","name":"Ginger Tea, Original","image":"https:\/\/tyt.com.my\/wp-content\/uploads\/2018\/03\/TYT-GINGER-TEA-LABEL-ART-IMP-ORIGINAL-26SEPT17-1.png","description":"A traditional herbal drink, fully extracted from fresh native ginger. Net weight: 300 grams (good for at least 25 cups). Made with organic cane sugar. PRE-LAUNCH PROMOTION!","sku":"1","offers":[{"@type":"Offer","price":"55.50","priceCurrency":"MYR","availability":"https:\/\/schema.org\/InStock","url":"https:\/\/tyt.com.my\/shop\/ginger-tea-original\/","seller":{"@type":"Organization","name":"TYT","url":"https:\/\/tyt.com.my"}}]}</script><script type='text/javascript'>var tribe_l10n_datatables={"aria":{"sort_ascending":": activate to sort column ascending","sort_descending":": activate to sort column descending"},"length_menu":"Show _MENU_ entries","empty_table":"No data available in table","info":"Showing _START_ to _END_ of _TOTAL_ entries","info_empty":"Showing 0 to 0 of 0 entries","info_filtered":"(filtered from _MAX_ total entries)","zero_records":"No matching records found","search":"Search:","all_selected_text":"All items on this page were selected. ","select_all_link":"Select all pages","clear_selection":"Clear Selection.","pagination":{"all":"All","next":"Next","previous":"Previous"},"select":{"rows":{"0":"","_":": Selected %d rows","1":": Selected 1 row"}},"datepicker":{"dayNames":["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],"dayNamesShort":["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],"dayNamesMin":["S","M","T","W","T","F","S"],"monthNames":["January","February","March","April","May","June","July","August","September","October","November","December"],"monthNamesShort":["January","February","March","April","May","June","July","August","September","October","November","December"],"nextText":"Next","prevText":"Prev","currentText":"Today","closeText":"Done"}};</script> <script type='text/javascript'>var wc_add_to_cart_params={"ajax_url":"\/wp-admin\/admin-ajax.php","wc_ajax_url":"https:\/\/tyt.com.my\/?wc-ajax=%%endpoint%%","i18n_view_cart":"View basket","cart_url":"https:\/\/tyt.com.my\/cart\/","is_cart":"","cart_redirect_after_add":"no"};</script> <script type='text/javascript' src='https://tyt.com.my/wp-content/plugins/<a href='https://refer.wordpress.com/r/84/woocommerce/' target='_blank' rel="nofollow">woocommerce</a>/assets/js/frontend/add-to-cart.min.js'></script> <script type='text/javascript'>var wc_single_product_params={"i18n_required_rating_text":"Please select a rating","review_rating_required":"no","flexslider":{"rtl":false,"animation":"slide","smoothHeight":true,"directionNav":false,"controlNav":"thumbnails","slideshow":false,"animationSpeed":500,"animationLoop":false,"allowOneSlide":false},"zoom_enabled":"","zoom_options":[],"photoswipe_enabled":"","photoswipe_options":{"shareEl":false,"closeOnScroll":false,"history":false,"hideAnimationDuration":0,"showAnimationDuration":0},"flexslider_enabled":""};</script> <script type='text/javascript' src='https://tyt.com.my/wp-content/plugins/<a href='https://refer.wordpress.com/r/84/woocommerce/' target='_blank' rel="nofollow">woocommerce</a>/assets/js/frontend/single-product.min.js'></script> <script type='text/javascript' src='https://tyt.com.my/wp-content/plugins/<a href='https://refer.wordpress.com/r/84/woocommerce/' target='_blank' rel="nofollow">woocommerce</a>/assets/js/jquery-blockui/jquery.blockUI.min.js'></script> <script type='text/javascript' src='https://tyt.com.my/wp-content/plugins/<a href='https://refer.wordpress.com/r/84/woocommerce/' target='_blank' rel="nofollow">woocommerce</a>/assets/js/js-cookie/js.cookie.min.js'></script> <script type='text/javascript'>var <a href='https://refer.wordpress.com/r/84/woocommerce/' target='_blank' rel="nofollow">woocommerce</a>_params={"ajax_url":"\/wp-admin\/admin-ajax.php","wc_ajax_url":"https:\/\/tyt.com.my\/?wc-ajax=%%endpoint%%"};</script> <script type='text/javascript' src='https://tyt.com.my/wp-content/plugins/<a href='https://refer.wordpress.com/r/84/woocommerce/' target='_blank' rel="nofollow">woocommerce</a>/assets/js/frontend/<a href='https://refer.wordpress.com/r/84/woocommerce/' target='_blank' rel="nofollow">woocommerce</a>.min.js'></script> <script type='text/javascript'>var wc_cart_fragments_params={"ajax_url":"\/wp-admin\/admin-ajax.php","wc_ajax_url":"https:\/\/tyt.com.my\/?wc-ajax=%%endpoint%%","cart_hash_key":"wc_cart_hash_45699ec7f4ca637d6be48f9755ce9cdf","fragment_name":"wc_fragments_45699ec7f4ca637d6be48f9755ce9cdf"};</script> <script type='text/javascript' src='https://tyt.com.my/wp-content/plugins/<a href='https://refer.wordpress.com/r/84/woocommerce/' target='_blank' rel="nofollow">woocommerce</a>/assets/js/frontend/cart-fragments.min.js'></script> <script type='text/javascript' src='https://tyt.com.my/wp-content/themes/enfold/js/aviapopup/jquery.magnific-popup.min.js'></script> <script type='text/javascript' src='https://tyt.com.my/wp-includes/js/mediaelement/wp-mediaelement.min.js'></script> <script type='text/javascript' src='https://tyt.com.my/wp-includes/js/comment-reply.min.js'></script> <script type='text/javascript' src='https://tyt.com.my/wp-content/plugins/bj-lazy-load/js/bj-lazy-load.min.js'></script> <script type='text/javascript' src='https://tyt.com.my/wp-content/uploads/dynamic_avia/avia-footer-scripts-9c1812a00b6b175ecb6479dd71a89a94.js'></script> <script type='text/javascript' src='https://tyt.com.my/wp-includes/js/wp-embed.min.js'></script>  <script type="text/javascript">/*<![CDATA[*/jQuery(function($){tvc_lc="MYR";var items=[];gtag("set",{"currency":tvc_lc});jQuery("[class*=single_add_to_cart_button]").click(function(){gtag("event","add_to_cart",{"event_category":"Enhanced-Ecommerce","event_label":"add_to_cart_click","non_interaction":true,"items":[{"id":tvc_po.tvc_i,"name":tvc_po.tvc_n,"category":tvc_po.tvc_c,"price":tvc_po.tvc_p,"quantity":jQuery(this).parent().find("input[name=quantity]").val()}]});});tvc_po={"tvc_id":"1973","tvc_i":"1","tvc_n":"Ginger Tea, Original","tvc_c":"Featured,Tea","tvc_p":"55.50"};gtag("event","view_item",{"event_category":"Enhanced-Ecommerce","event_label":"product_impression_pp","items":[{"id":tvc_po.tvc_i,"name":tvc_po.tvc_n,"category":tvc_po.tvc_c,}],"non_interaction":true})

Did you minify the scripts and stylesheets?

Best regards,
Ismael

Hi,

If I change the image width under customise > woocommerce, it is not reflected on the single product page.

Did you re-upload or regenerate the images after adjusting the size value? Please adjust the thumbnail size in the WooCommerce > Settings > Products > Display panel.

Best regards,
Ismael

Hey Trent,
Sorry, the related posts element is not available when using the advanced layout builder. But you could copy the element and paste in a code block element to display in the advanced layout builder.
To do so, open a post that was built using the default editor, and inspect the element right clicking on the div and choosing “edit as HTML” from the menu, then copy the code and paste in a code block element.

This will use the same posts that you copied, which might be ok if you have some top posts that you want to display, but you’ll have to do this step with a few different times if you want to show different related posts on every post.

Another option might be to add a blog posts element to the bottom of your post, with the option to show a thumbnail image, and except, in a matching category. For my example here are the settings I used:

Here is the css I used:

.av-alb-blogposts .post-entry div.entry-content,.av-alb-blogposts .post-entry span.post-meta-infos {display: none !important;}
.av-alb-blogposts .post-entry .blog-meta .small-preview img {border-radius: 50%;}
.av-alb-blogposts .post-entry .blog-meta .small-preview {background:transparent!important;}
.av-alb-blogposts .post-entry h2.entry-title {margin-top: 10%;}

Here is the result:

not quite as nice as the first option, but it does pull from the categories or tags that you choose.
you may also need to adjust the css by adding “#top.single” to the beginning of each rule so it won’t interfere with the element used on pages.

Best regards,
Mike