When I updated the theme with the latest, it prevented the site from loading properly on the front-end. Wait a while until everything gets ironed out.

I updated the theme via FTP and no content would load on the front end. I just reverted to the previous version of the theme.

Thank you. The Excerpt field was ‘Off’ by default. I had to activate it via Screen Options.

Could I be able to apply the target=“_blank” property limited only to a particular Block type? Or perhaps where I define categories for posts?

At any rate If I’m going to be making changes to the code, I’d need to be able to apply any changes to the child theme’s functions.php anyway to avoid losing any changes made with future theme updates, right?

• This reply was modified 8 years by cantonjester.
• This reply was modified 8 years by cantonjester.

But won’t that affect all modules on pages throughout the website? I need to be able to apply the target=“_blank” property locally, rather than globally so that I can limit its use to the WooCommerce product pages.

Keith

I’m not talking about the “Buy on Amazon” button.

I’m talking about the links in the right column as I said yesterday. They need to open in a new browser tab so that the customer doesn’t technically leave the product page.

Do you understand what I’m saying?

Keith

https://cet.pairsite.com/product/smart-lamp-dawn-simulator/

As you can see, the right column contains a block, titled “Why Buy This Product?”, and it contains specific posts pertaining to that given product. It’s accomplished by dropping a Block 9 into a widget. I then map the posts to the block, and map the widget to the product.

The issue is that yes, the target=“blank” property isn’t set, so the customer actually leaves the product page in the current browser.

There are differences, at least from what I can tell here in my environment. I’m seeing the issue on both a late 2014 MacBook Pro (2800×1880, full-width screen) and a 2017 iMac (Retina 4K, full-width)

Below are links to screenshots I took several minutes ago on my MacBook. I saw the issue initially on the iMac yesterday.

Firefox v57.0 (64 bit)
Chrome v62.0.3202.94 (64-bit Official Build)
Safari v11.0.1

• This reply was modified 8 years by cantonjester.

Email sent from TagDiv pertaining to this issue (it’s a bug that will be addressed in subsequent release):

Hello,

Upon further investigation I found a css that was causing this issue.
Please add this code in your theme panel-> custom css box:

.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2){
padding-top: 0!important;
}

I will add this to our bug list for future updates.

Thank you!
Bogdan B

Email sent!

What theme element? The WooCommerce plugin?

These are all square images that do not require cropping. Only re-sizing. Also, you’re assuming that no relevant product information was contained in the outer areas of the product picture! Take a look at the image where the glasses are placed over a measuring chart. There are obviously times when you need the full image to convey the intended message!

There were other ways to write that code. Maybe something in the CSS that properly contains a square image? Or some Javascript to determine if the image needed center-top cropping at all?

https://stackoverflow.com/questions/11552380/how-to-automatically-crop-and-center-an-image

It seems like there are some viable CSS options on how to properly place an image without being forced to crop..

• This reply was modified 8 years by cantonjester.

The images don’t appear ‘fine’, in that they’re cropped. The vendor requires that their product images have the URL of their website at the bottom of all of their images.

How do I disable this feature?

https://cet.robywebdev.com/product/lowbluelights-aristocrats/

Same problem here as well. Facebook App ID and Secret as well as generated the token. Still get a Zero, despite the group having over 1,200 followers.

Excellent! Thank you!

Thank you for information about retina logos.

However – When I apply the logo with a background color, the logo itself touches the top and bottom edges. I need to create space in the margin-top and margin-bottom so that the background is visible in the top most and bottom most areas. What CSS do I use to modify this?

I’m trying to set this up so that the next update to WooCommerce or perhaps the theme itself won’t wipe out any changes I’ve made.

Is it as simple as copying the product-archive.php file, making changes to the file and placing it in a woocommerce subdirectory of the child theme?

• This reply was modified 8 years by cantonjester.

Yes, but I need to reference the removal in the child theme’s functions.php.

Can you provide me that code?

Thanks

Keith

I tried to add the following CSS
body.home ul.products { display: none; }

..into the store page’s Visual Composer CSS container, but it doesn’t have the desired effect.

The CSS works as expected.

I spoke with WooCommerce’s support earlier this morning, and they mentioned that the product loop that gets added by default to the store’s front page is defined by the product-archive.php file in TagDiv’s file hierarchy.

I need to know what code to place in the child theme’s functions.php file so that the product loop does not appear at all on the shop’s main page.

Thank you. I’ll test that CSS later this morning.

What would I be searching for in regards to plugins that would address the issue of the products appearing on the ‘defined’ shop page?

‘Prevent archive products from appearing on shop home page?’

Website is cet.robywebdev.com

I was able to build the logo into the background with an image editor to achieve a desired effect. Question: for the retina logo, would I just build that same logo with background, twice the size?

Also – if my client does not like the picture behind the logo, and instead wants to use a color background, that’s when I run into the problem of the logo reaching the top and the bottom of the background color. I’dneed to add margin-top and a margin-bottom to the logo in the custom CSS in that scenario.

Keith

Very nice. Thank you!

I’m OK with disabling the WooCommerce shop page default in WooCOmmerce settings. That solves the issue of the archive products appearing below the Tabs element I’ve set up.

However, I don’t want the user to be able to go backwards via the breadcrumbs without revisiting the tabs.

Cet.robywebdev.com/cet-store

Thank you!

Apparently the images were set to ‘thumbnail’ when I was uploading them (regular, retina). I switched them to ‘full’ and that solved the boxed issue.

However, how would I apply a background image to the logo banner area so that the image is always matched to the width of the site, regardless of browser sizing?

Also, if that’s not possible, how would I add margins to the top and bottom of the logo as it sits in front of the background color?

• This reply was modified 8 years by cantonjester.
• This reply was modified 8 years by cantonjester.