Help Please New Install Woocomm – sample images not showing

This is in regard to my own post, above. I kept at it, exploring options, until I found a solution for this portion of the issue. Hopefully by posting here it will help any one else experiencing a similar problem either with the tutorial in reference or a similar issue.

!!!-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-!!!

My Solution:

WIth regard to the issue of the images and formatting not showing in my site, I discovered after a bit more investigation, that in order to make my site match the example, I had to do a couple of things that were omitted in the explanation and steps that were outlined in the tutorial.

The “missing” images (img files themselves) are in fact not missing at all, but just not being called from their remote location. When I imported sample_products.csv, as instructed in the tutorial, all of the necessary tables for the database were indeed imported, BUT, for some reason the images, and their REMOTE locations, which are each there in the sample_products.csv, did NOT. For whatever reason. Changes and updates to Woocommerce, WordPress, or changes to the filesystem at MDBootstrap, may individually or to all may be the reason, I don’t know.

What I DID discover, is a WORKAROUND. Seeing that the images are indeed listed in the database of the sample_products.csv, I simply visited the location of each one individually, in my browser, then saved each one in a folder on my desktop.

As well, earlier I had also discovered, that as is normal, after installing the woocommerce plugin, WordPress has a woocommerce Admin menu that lists the “Sample Products” (from this tutorial) under Woocommerce > Products > All Products. There I could see all of the correct data that was imported from sample_products.csv. The only thing missing, the product images. However by clicking on each image placeholder on each line, the information page for that product came up. Then, by going to the right hand sidebar column near the bottom, I clicked on “Add product gallery images” and added the correct corresponding image from the folder on my desktop, to the Media Library. Then ALSO added the same image, again, to the “Add product image” panel. FINALLY AND MOST IMPORTANT, CLICK THE UPDATE Button at the top right of the page. Now the correct pictures are showing up where they should in the menu.

Next issue was that the page for “Shop” on my site was not displaying the same as the example preview in the tutorial. I discovered the solution to this by downloading the source file in the tutorial for that step, and comparing every line of each file, to the corresponding files that I have. I then discovered that the tutorial author had simply neglected to explain the MOST IMPORTANT STEP for this page to display. In functions.php, he has the following code:

<code>
/**
 * Add WC Compatibility
 */
function mytheme_add_woocommerce_support() {
    add_theme_support( 'woocommerce' );
}
add_action( 'after_setup_theme', 'mytheme_add_woocommerce_support' );
</code>

Once I placed that into my functions.php, magically my page, on my site, for this point of the tutorial, matched and functioned perfectly as the author described. It only took me a couple of days of sleuthing to figure it all out. That making this tutorial no less good and valuable, but for me, I learned a lot more the hard way. I commend the author for their work and generosity, and hope that they will consider adding the solutions that I have found to their tutorial, so that others less patient than I, will not be put off and give up learning.

Best tp all

• This reply was modified 3 years, 12 months ago by clsimco.