Code displayed in page problem

Screenshot on page

Hi guys,

Good day!

I really need your help. I have problem on the site that I currently developing. There’s a lot of code displayed in the page like what you see in the picture and I don’t know where it’s coming from. I’m using Divi Theme. Looking forward on your response. Thank you in advance.

Products by category are not displayed on the frontend (Magento 2.4.0)

After having made a stormy migration from magento 1.8.1.0 to Magento 2.4.0 in the backend I can see all the categories and their products, however in the frontend when selecting any of the categories in the menu the products are not show, it is as if the category is empty. Please help

debug – CROCOBLOCK no product is displayed on the template

I am currently creating a website for a client and this is the first time I am using the Crocoblock suite.
To create my store I created the “default shop template” in Jet Woo builder, then a grid archive and an online archive to use the Layout option in the shop template. I checked in the woocommerce/JetWooBuilder parameters and associated the shop to my template. And programmed in my shop template, the layout with the grid with my grid template and list with the list template.

But no product is displayed on the template while on the website it works. Do you know why?
Moreover, on my shop page with grid option, I want there to be 3 columns but it doesn’t work, it puts only one product per row. Moreover the images don’t load when I test but are in the code (visible in the element inspector).

Could someone help me?
Thanks in advance!

magento2 – Size filters are not displayed when the configurable product is set to Not individually visible Magento 2

I have this structure for my products, I have a grouped product that has two configurable products which are configured as Not visible Individually but in the filter section does not show any size, if I configure my configurable products as Visible or Search will show the sizes

i use this module to achieve grouped product with configurable products since Magento 2 does not allow it by default

Here is my website

I will appreciate any suggestions. Thank you!

Facebook cannot displayed the Og-image properly

I have been posting for a client on its fan page. The client prepares a blog article and mark-up the meta og-image tag, then it published on the WordPress company. Then the client transfers the url of the blog article. Then I write a few line on the Facebook editor and then a post with a feature image appears on the page. However, with the updated of the Facebook publishing tool, many of my recent posts couldn't show the feature image, but a default ugly picture, company logo + a text…

Facebook cannot displayed the Og-image properly

exchanges – Are the transactions displayed on “BitListen” really accurate?

Over the years, whenever there’s unusual Bitcoin activity, I look at: https://www.bitlisten.com/

But can these transactions really be accurate? I just saw numerous 100+ BTC ones, and just now a gigantic one of 946.92 BTC (!!).

According to my exchange rate calculator, that is:

BTC 946.92 = $22,731,761.52 USD

Almost twenty-three million US dollars… at once?

I realize that a lot of money is being traded right now, but even if somebody has that many Bitcoin to trade, would they really do it all in one go? Isn’t that very risk? Wouldn’t you split it up into at least hundreds of different transactions?

I don’t understand what kind of person or entity would make a single transaction of such a huge sum. Is this really accurate or faked somehow?

mojave – How to set font size or location for wallpaper filename displayed on the desktop?

I’m using the command

defaults write com.apple.dock desktop-picture-show-debug-text -bool TRUE;killall Dock

to have the path of my current desktop picture displayed on the desktop. This works fine, but I wonder if there is also a setting, where I could specify the font size and/or location of this text. Currently it is writted centered on the desktop.

(crossposting note: I have asked this question also at discussions.apple.com, but did not receive any response there).

mac – Where is the Itunes version displayed on OSX?

Most devs will place an ‘About’ tab in their ‘Help’ menu to allow users to see which version of software they are using. For some reason this is not the case with Itunes.

Could anyone please tell me where I can find the version of the currently installed Itunes app on OSX?

google – How to see how emojis are displayed in SERPs on different OS? eg. ✅

Unfortunately I noticed that on Chromebrowser with Android Smartphones some important emojis look very awful and not eye-catching in the Google SERPs.

eg. the green box with the white hook inside: ✅

That awesome emoji is displayed in android chrome browsers (and I guess in all other browsers on android too) as a non eye-catching small thin white-grey hook only in the Google SERPs. And I dont know how it looks on iPhone too btw.

So: It would be very good to have a preview to see how a metadescription and a Title in Google SERPs looklike.

Do you have any idea how to do that?

html – Google Docs Viewer Embedded PDFs don’t always get displayed

I have a webpage where customers can click a link and view a puzzle solution as a PDF or video on YouTube.

The HTML code looks like this:

<a href="https://docs.google.com/viewerng/viewer?embedded=true&amp;url=PDF URL" target="_blank" class="open-yt-lightbox" rel="noopener noreferrer"><span class="glyphicon glyphicon-list-alt"></span> Print Solution</a> | <a href="YOUTUBE EMBED URL" target="_blank" class="open-yt-lightbox" rel="noopener noreferrer"><span class="glyphicon glyphicon-facetime-video"></span> Video Solution</a> | <a href="PRODUCT BUY URL" target="_blank" rel="noopener noreferrer"><span class="glyphicon glyphicon-shopping-cart"></span> Buy</a>

In the code above, yt-lightbox is a lightbox whose code looks like this:

.shadowed {
-moz-box-shadow:0px 0px 5px #444444;
-webkit-box-shadow:0px 0px 5px #444444;
box-shadow:0px 0px 5px #444444;
}



.video-container-wrapper {
width: 100%;
height: 100%;
background: rgba(37,37,37,.7);
text-align: center;
position: fixed;
top:0; left: 0;
z-index:50;
display: none;
opacity: 0;
}
.video-container-wrapper:before {
content: ' ';
display: inline-block;
height: 100%;
vertical-align: middle;
}



.sizewrapper {
width: 50%;
/* Would normally be 1920px, limited because codepen's screen is small */
max-width: 920px;
vertical-align: middle;
position: relative;
background: rgba(255,255,255,0);
z-index:51;
display:none;
}



#videowrapper {
position: relative;
padding-top: 25px;
padding-bottom: 56.25%; /* 16:9 aspect ratio */
height: 0;
}
#videowrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}



.close {
position: absolute;
right: -42px; top: 0;
color: #fff;
cursor:pointer;
font-size: 24px;
line-height: 32px;
text-align: center;
background-color: orange;
width: 32px; height: 32px;
}



.go-to-yt {
padding: 16px;
margin: 8px 0 0;
float: right;
text-align: right;
background-color: #fff;
display: inline-block;
}
.go-to-yt a {
text-decoration: none;
}
--></style>
<div class="video-container-wrapper lightbox-backdrop"><!--  Lets you restrict the video size to a % of the window (or rather, the backdrop)
      and helps vertically center the block -->
<div class="sizewrapper box"><!--  Close button  -->
<div class="close shadowed">X</div>
<!--  Wraps the iframe and helps vertically center  -->
<div id="videowrapper" class="shadowed"><!--  The iframe with the YouTube video  --> <iframe width="560" height="315" src="about:blank" frameborder="0" id="yt-iframe" allowfullscreen=""></iframe></div>
</div>
</div>
<iframe width="560" height="315" src="about:blank" frameborder="0" id="yt-iframe" allowfullscreen=""></iframe>
<script type="text/javascript">// <!(CDATA(
$(document).ready(function(){

//If iframe exists on page
if ( $('iframe').length >= 1 ) {
  
  // Inject YouTube API script
  var tag = document.createElement('script');
  tag.src = "https://www.youtube.com/player_api";
  var firstScriptTag = document.getElementsByTagName('script')(0);
  firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

  // On click of element with class .open-yt-lightbox
      //Firefox needs you to manually hold ( event ), Chrome does not
  $('.open-yt-lightbox').click(function( event ){
    // Prevent link from opening youtube
      // You don't need to link to YT since it's getting the element, not the link
      // But if the user has JS disable, the link will still open the video on YT
    $('#yt-iframe').attr('src', $(this).attr('href'));
    event.preventDefault();
    // Run the openbox function
    openbox();
  });

  // On click of element with class .close
    // In this case, this is the X button when the lightbox is open
  $('.close').click(function(){
    // Run the closebox function
    closebox();
  });

  // On click of element with class .lightbox-backdrop
    // In this case, the element wrapping the lightbox and iframe elements
  $('.lightbox-backdrop').click(function(){
    // Run the closebox function
    closebox();
  });

}
// Global variable for Youtube API (Yes, this could be outside the document.ready function)
var player;
});

// Youtube API calls this function when it's ready to go
// The name of this function CAN NOT be changed
function onYouTubePlayerAPIReady() {
// Set the player variable to a new player (YT API), which is your iframe
  // In this case, the iframe has the ID #yt-iframe to make it easy to grab
  // You can also add your API params here, like events
player = new YT.Player('yt-iframe');
}

// Function to open the lightbox
function openbox(){
// Make the lightbox elements visible
$('.lightbox-backdrop, .box').css('display', 'inline-block');
$('.lightbox-backdrop, .box').animate({'opacity':'1'}, 300, 'linear');
// Start playing the video
}

// Function to close the lightbox
function closebox() {
// Hide the lightbox elements
$('.lightbox-backdrop, .box').animate({'opacity':'0'}, 300, 'linear', function(){
  $('.lightbox-backdrop, .box').css('display', 'none');
  //Pause the video
$('#yt-iframe').attr('src', 'about:blank');
});
}
// ))></script>
<script type="javascript">// <!(CDATA(
var iframe = document.createElement("iframe");
iframe.src = "http://www.your_iframe.com/";
if (navigator.userAgent.indexOf("MSIE") > -1 && !window.opera) {
iframe.onreadystatechange = function(){
  if (iframe.readyState == "complete"){
    alert("Iframe is now loaded.");
  }
};
} else {
iframe.onload = function(){
  alert("Iframe is now loaded.");
};
}
// ))></script>

Sometimes though, the PDF, when clicked, just shows an empty window, with no error or anything.

You have to click another PDF link, that may or may not load. If it does then you can close out of it, click the original PDF you wanted and it opens.

How can I get it so that the PDF is displayed every time it is clicked?

Would the size of the embedded PDF also be a factor?

Many thanks.