[lobsterass]

Done. This time the site almost works. All individual product pages go completely blank though.

Is anything that has to do with my custom changes:

Fix blurry product image
Copy /woocommerce/single-product/product-image.php to your child theme (inc structure).
2) Edit line 92(and another place), replacing 800 with the width of image you want 807:
$image = aq_resize( $image_link, 800, NULL, true, false);

Put product title in right text box instead of the default top left corner
1) Add this to your custom css:
.woocommerce div.product .entry-title {
 display: block;
 margin-bottom: 40px;
}

2) Open up content-single-product.php in the woocommerce folder and replace:
<div itemscope itemtype=”http://schema.org/Product&#8221; id=”product-<?php the_ID(); ?>” <?php post_class(); ?>>

<div class=”entry-title” itemprop=”name”><?php the_title(); ?></div>

<?php
/**
* woocommerce_show_product_images hook
*
* @hooked woocommerce_show_product_sale_flash – 10
* @hooked woocommerce_show_product_images – 20
*/
do_action( ‘woocommerce_before_single_product_summary’ );
?>

<div class=”summary entry-summary”>

<div class=”summary-top clearfix”>

<div itemprop=”offers” itemscope itemtype=”http://schema.org/Offer”&gt;

<p itemprop=”price” class=”price”><?php echo $product->get_price_html(); ?></p>

<meta itemprop=”priceCurrency” content=”<?php echo get_woocommerce_currency(); ?>” />

<?php if (!$catalog_mode) { ?><link itemprop=”availability” href=”http://schema.org/&lt;?php echo $product->is_in_stock() ? ‘InStock’ : ‘OutOfStock’; ?>” /><?php } ?>

</div>
with
<div itemscope itemtype=”http://schema.org/Product&#8221; id=”product-<?php the_ID(); ?>” <?php post_class(); ?>>

<?php
/**
* woocommerce_show_product_images hook
*
* @hooked woocommerce_show_product_sale_flash – 10
* @hooked woocommerce_show_product_images – 20
*/
do_action( ‘woocommerce_before_single_product_summary’ );
?>

<div class=”summary entry-summary”>

<div class=”summary-top clearfix”>

<div class=”entry-title” itemprop=”name”><h1><?php the_title(); ?></h1></div>

<div itemprop=”offers” itemscope itemtype=”http://schema.org/Offer”&gt;

<p itemprop=”price” class=”price”><?php echo $product->get_price_html(); ?></p>

<meta itemprop=”priceCurrency” content=”<?php echo get_woocommerce_currency(); ?>” />

<?php if (!$catalog_mode) { ?><link itemprop=”availability” href=”http://schema.org/&lt;?php echo $product->is_in_stock() ? ‘InStock’ : ‘OutOfStock’; ?>” /><?php } ?>

</div>

[lobsterass]

OK. Thank you for making that clear for me. I’m sorry for not understanding but I’ve been burning up over here. I’ve been problem solving for 8 hours straight now, so I just want to make sure I don’t make the same mistake twice.

Thank you.

<3

[lobsterass]

Please answer my question about updating first. I’ve been searching on this site and on Google and I still don’t understand if

1. I should delete the neighborhood folder on the FTP

OR

2. Update by doing exactly what I did – update through WP back end?

I don’t think I’m the only one wondering this.

<3

[lobsterass]

OK. But…how do I install this correctly? Would it make a difference if I removed the neighborhood folder on the FTP manually?

[lobsterass]

Oh, and is this new build going to make my product thumbs look correct on phones or is this just for speed? Please see beginning of this thread for image on how thumbs look now.

A

[lobsterass]

Hi!

1. I activated the Twentyfourseven theme
2. I deleted neighborhood (inside WP back end. Not on FTP) but kept child
3. Then I uploaded the build through WP back end
4. Activated child
5. Made all custom changes on FTP

Was that wrong?

[lobsterass]

Ed!

I’m going nuts over here. That build probably lacked Å Ä Ö in swedish (my host support says), because it made me not even able to login back end. Totally white page only and my custom “under construction” page came up with wierd letters front end.

So after spending an hour doing all my custom changes on the FTP on the new build, I had to delete it and go back to an earlier backed up version of the site. Back to square one.

Please help me before I loose it completely.

[lobsterass]

Hi!

Thanx! 2 lines looked bad.

To call them next and previous project is better. Only problem not is that they need to be clickable and switch place with each other. Please see image. Please tell me what’s missing in

<div class=”nav-previous”>Next Project</div>
<div class=”nav-next”>Previous Project</div>

to make that happen.

I replaced exactly the whole:

<div class=”nav-previous”><?php next_post_link(__(‘<i class=”fa-angle-left”></i> <span class=”nav-text”>%link</span>’, ‘swiftframework’), ‘%title’); ?></div>
<div class=”nav-next”><?php previous_post_link(__(‘<span class=”nav-text”>%link</span><i class=”fa-angle-right”></i>’, ‘swiftframework’), ‘%title’); ?></div>

Was that really correct?

<3

Attachments:

You must be logged in to view attached files.

[lobsterass]

Hi Ed1

I’m sorry, but it still doesn’t work on my phone. I cleared cache on both phone and site and I restarted it. What’s wrong with me? Weird issue!

<3

[lobsterass]

Forgot image.

Attachments:

You must be logged in to view attached files.

[lobsterass]

I just downloaded Chrome on my phone to test this and the problem remains on : http://monroedesign.se/skyltfonsterdekor-pa-dm-retro-i-stockholm/. ?

<3

[lobsterass]

Hi!

I tried this, emptied cache on site, restarted phone but the problem remains.

Does it have anything to do with how extremely slow my site loads? I’ve tried to fix the speed by using WP Optimize + W3 Total Cache plugins. My images are not too big but I do have several sliders – sometimes on the same page.

<3

A

[lobsterass]

Hi!

It’s an iPhone 5 with the latest version of Safari. I’ve restarted it to make sure too. And since the same slider usually looks OK on the blog feed page, I don’t believe it’s a setting on the phone.

Does the page with the problem: http://monroedesign.se/skyltfonsterdekor-pa-dm-retro-i-stockholm/ look good too on your phone (your screengrab was the page that looks good on my phone too)?

A

[lobsterass]

Yeah, but I want some shadow. There’s shadow on the regular images too and I want them to match. Anyway, I sort of almost fixed this issue by altering space below each rev slider in all the individual rev slider settings. For others with the same issue, my tip is to not set the blank space below rev sliders on the actual page layout – set it in they rev slider setting instead. Then it looks better on mobile.

It’s not perfect, but it looks a little better. Unless you have another suggestion, I’ll go with this.

Thanx Laranz.

[lobsterass]

Ah, I see. I guess I might have to live with the image being whatever Facebook pulls. I handling images was the point of OGP.

Anyway, the weird thing for me is that some of my pages display Yoast meta on Facebook, like this one for example. Please see images.

But on this page nothing shows.

I think I have the same settings on them but Facebook treat them different. I don’t get it and it drives me NUTS.

And I know this is not your problem because it’s a plugin. I just think I should be able to solve it somehow as it is OK on some pages.

Dang, I’m just trying to finish everything. Did you see the shop? It turned out great with all your help. 🙂

What do say, Kyle?

<3

Attachments:

You must be logged in to view attached files.