Woo Product Page display images issue in search

Posted in: Newspaper
Post count: 64

Dear All,
we have next situation:

1. Displaying product images in search
In Woo Product Pages we have 3 different templates for 3 different product groups.

All three groups at the top of the visual have:
– Woo Product background Lifestyle image in the header, then
– Woo Product product image on a white background

1. For the 1st group, we want the Lifestyle photo to appear in the search,
1st Product group Template http://new.atv-nautica.com/product/sun-sport-230/

2. and for other groups of products, that a photo of the product on a white background appears in the search
2nd Product group Template http://new.atv-nautica.com/product/900dsx/

Do you have a recommendation for a solution?

2. Displaying product links from a group / series on the product page (a bit complicated)
This product exists in several versions.
http://new.atv-nautica.com/product/df-300-apx/

Each of these products has a separate page. I wouldn’t be able to define them as variations because they don’t just differ in color (Or maybe I’m wrong):
– same photo
– Same initial model designation (DF 300), with different ending (apx, apxx, btx)
– different specification
– different price

Example:
a. DF 300 APX – basic model
b. DF 300 APXX
c. DF 300 BTX

1. We want only the basic model to appear in the search
2. On the page of the basic model (DF 300APX), we want to have the option to “click to see” other versions of the model, e.g.

“See other versions: DF 300 APX / DF 300 APXX / DF 300 BTX”

Post count: 27744

Hi,

I looked on the website and couldn’t find the search button. Could you please tell me where it is?
Also, can you please provide some examples that you want to achieve related to showing more models?

Thank you!

Post count: 64

Hi Anamaria,
it can be a buttons, or as text, please look now Section under specification table.

http://new.atv-nautica.com/product/df-300-apx/

As it is: “Pogledajte ostale verzije modela:”

Do you have recommendation for 1st question about images Lifestyle-Product

Post count: 27744

Hi,

Unfortunately, for this, you need to use the plugin because the theme doesn’t have this option. You can try a plugin -> https://wpmanageninja.com/plugins-for-woocommerce-product-tables/ -> https://wordpress.org/plugins/product-table-for-woocommerce/ -> https://woo.com/products/product-specification-table-for-woocommerce/

Thank you!

Post count: 64

Sorry,
I think there is some misunderstanding.
We have solution for Product specification.

I am asking for possible solutions to solve the following below:
1. Displaying product images in search – more importaint
2. Displaying product links from a group / series on the product page (a bit complicated)

You can read details in first message of topic

Thanks in advance

Post count: 27744

Hi,

As I said, I checked your website and saw where the element for search is.
1. You can show the image like this -> https://i.imgur.com/VcyGmLt.png please check those options from serach element.
2. Are you referring to having something like this: https://wordpress.org/plugins/wpc-grouped-product/? If yes, then you can use this plugin.

Thank you!

Post count: 64

Hi Alina,
The first task we did our way. You suggest hiding the image from search. We don’t want to hide them from search. We want to set the background of the product to be displayed in search for the 1st group, and for the other 2 group to display the product image as follows:

In Woo Product Pages we have 3 different templates for 3 different product groups.

1. For the 1st group, we want the Lifestyle photo to appear in the search,
1st Product group Template http://new.atv-nautica.com/product/sun-sport-230/

2. and for other groups of products, that a photo of the product on a white background appears in the search
2nd Product group Template http://new.atv-nautica.com/product/900dsx/

Also, thank you on recommendation for Woo Gropued Product Plugin

Post count: 27744

Hi,

Provide some screenshots or video, but I don’t fully understand what you to achieve.

Thank you!

Post count: 64

Hi,
I send you links 🙂

1st Product Group:
Do you see lifestyle image on header on this link: http://new.atv-nautica.com/product/sun-sport-230/
This is tagdiv Product background image element
For this product group (boaats) we want show this element / image in Search

Other product groups:
Do you see Product image after Lifestyle image in header,
http://new.atv-nautica.com/product/900dsx/

For this group, we want to show in search Product image in element tag DIV product element in search.

In short:
– for boats to show lifestyle image of product in Search
– for other products to show Product image on white in Search.

Problem is, that, both group must have Product image on white on Product page, but to show different in search.

Post count: 27744

Where is the search page? Because I don’t see it

Post count: 64

Now Search Page is not functional.
Here is DRAFT link:

1. http://new.atv-nautica.com/shop/page/5/?product-page=7 – we want Lifestyle from header
2. http://new.atv-nautica.com/shop/page/5/?product-page=19 – Product on white is ok

Post count: 64

I’ll try to be more specific this time 🙂

Is there a way to set the photo from the element “Background Product Image” so that we see that photo in the search instead of the photo from the Product image element?

Example page: http://new.atv-nautica.com/product/900dsx/
(Background product element is Lifestyle photo)

We tried to use the Product Image element, but the image is blurry, and there are not enough good settings for the photo size in the element.
You can see on this example: http://new.atv-nautica.com/product/sun-sport-250/

By the way, the lifestyle photos on both pages have the same dimensions in the original: 2200x980px

It would mean a lot to us.

Thanks for your feed back

Post count: 27744

Hello,

I understand what you desire, however, to make this modification requires code implementation, and it needs to be set for each case individually for every product within a specific category. If you truly want this, you can contact our custom works team https://tagdiv.com/web-development-services/

Thank you!

Post count: 64

Thank you, we’ll figure on some other way 🙂

Viewing 14 posts - 1 through 14 (of 14 total)
You must be logged in to reply to this topic.