Return to previous page

Problem with changing the order of brand name and product name on catalog/shop page

This topic has 5 replies, 2 voices, and was last updated 2 years, 1 months ago ago by Daniel

Daniel

Participant

October 23, 2023 at 10:05

On the shop/catalog page I try to put an order like brand name first then product name then price. However, I cannot find the setting to change the location of the brand name for the Catalog page.

Is there any way to change the order of puting the the elements for products on shop page?

Best Regards,
Daniel

#371170 Copied Theme version: 9.2.2

4 Answers
Rose Tyler

Support staff

October 23, 2023 at 10:39
Hello, Daniel,

Thank you for contacting us and for using XStore.

There are no such settings, but you can try to use the next custom CSS code:

.product-details { display: flex; flex-direction: column; } .product-details .product-title { order: 2; } .product-details .price { order: 3; } .product-details .products-page-cats { order: 4; } .product-details .products-page-brandss { order: 1; }

Kind Regards,
8theme team
#371175 Copied
Daniel

Participant

October 23, 2023 at 10:54

Thank you for solution. But should it be spelled as double ss below class?

.product-details .products-page-brandss {}

I have two additional questions:

1. the spaces between products on shop page, something I couldn’t find any settings for. I would make it less to e.g. 5px, speceilly in mobile device. You can currently only toggle between “Products No Space” or as the default space which I want it to be small.

2. the Variation Swatches on shop page, the colour swathes, I want it only be shown on Single Product Page, but if I enable the option for swatches then it will show even on the shop page as well. I solved it by my self by writing custom css “display: none;”. But is there any settings for this to avoid custom css?

#371178 Copied
Rose Tyler

Support staff

October 23, 2023 at 14:06
Hello, Daniel,

We provided an example of code, so you can edit it depending on your needs.

1/

.products-loop .product { padding-left: 5px; padding-right: 5px; }

2/ Theme Options > WooCommerce > Shop elements > Variation swatches > Postion > Disable.

We hope this information is helpful.

Kind Regards,
8theme team
#371226 Copied
Daniel

Participant

October 23, 2023 at 20:11

Thank you for your help!

#371288 Copied
Viewing 5 results - 1 through 5 (of 5 total)

The issue related to '‘Problem with changing the order of brand name and product name on catalog/shop page’' has been successfully resolved, and the topic is now closed for further responses

Problem with changing the order of brand name and product name on catalog/shop page

Explore our best WordPress WooCommerce Themes collection