Products by Attribute widget show products not like in shop

I used – Enable if you want this attribute to have product archives in the store and links to attribute

Hi there!

Thank you for your message! The Products by Attribute widget displays products based on the selected attribute, but the layout and appearance of the widget are typically controlled by the theme you’re using. This is why it might look different compared to the shop page.

If you’d like the widget to match the shop page layout, I recommend checking your theme’s documentation or reaching out to the theme developer for guidance. Alternatively, custom CSS could be used to align the widget’s appearance with your shop page.

Thank you for your cooperation and understanding.

My theme is Storefront child.

Hi there!

It seems like you are using custom code or a custom plugin to style your products on the shop page. I have activated the Storefront theme on my test site, and I can see the product style appearing the same on the shop page and for the product by attribute block. Also, by default, this is how the product is displayed, as shown in this screenshot: Screenshot.

The screenshot you shared shows a custom style for the products. Could you please provide more information about which custom plugin you are using to style your products? Currently, you can set the product to display similarly on both pages by using custom CSS code.

Please note that we do not provide support for custom CSS code. If you need more in-depth support or want to consider professional assistance for customization, I can recommend?WooExperts?and?Codeable.io?as options for getting professional help. Alternatively, you can also ask your development questions in the??WooCommerce Community Slack?as custom code falls outside our usual?scope of support

I set styles of my shop page in my child theme style.css and add wrapper on image in template file content-product.php in my child theme for absolute positioning. If I right understanding now I must do the same for widget? I thought that once I styling my product at shop page it will inherit at other page when sort or filter products (filter at shop page doing so). Tell me please where I can get template file for Product by Attributes widget? Thanks for support.

I found solution in shortcodes:

[products columns=”4″ attribute=”pillow-type” terms=”hypoallergenic” paginate=”true”]

Hello bserg66,

Thank you for your reply.

I am glad to know that you found a solution.
I appreciate you for sharing it here.

Please don’t hesitate to contact us again if you have more questions or concerns.

Have a great day!