Combined grid

Вы мне отвечали по теме ) правда она закрылась выполнил Ваши указания для комбинированного грида-1 вставил код CSS (для получения структуры 1-1-2-2)

.woocommerce-product-gallery.thumbs-grid-bottom_combined .wd-carousel-item:nth-child(1),
.woocommerce-product-gallery.thumbs-grid-bottom_combined .wd-carousel-item:nth-child(2) {
grid-column: auto/span 2;
}

.woocommerce-product-gallery.thumbs-grid-bottom_combined .wd-carousel-item:nth-child(3),
.woocommerce-product-gallery.thumbs-grid-bottom_combined .wd-carousel-item:nth-child(4) {
grid-column: auto/span 1;

однако ничего не вышло ((((( можете пожалуйста посмотреть на

Attachments:

You must be logged in to view attached files.

Hello,

I apologize for that.

Use the below code instead of previous one.

.thumbs-grid-bottom_combined .product-image-wrap:nth-child(1), 
.thumbs-grid-bottom_combined .product-image-wrap:nth-child(2) {
    grid-column: auto/span 2;
}

.thumbs-grid-bottom_combined .product-image-wrap:nth-child(3),
.thumbs-grid-bottom_combined .product-image-wrap:nth-child(4) {
    grid-column: auto/span 1;
}

Result: https://gyazo.com/6a724dc5ab86eec252e5a714bf985e9d

Kind Regards

yes, it works) thank you, the last question is can this be linked to products with a specific tag ? it is the CSS of this

Hello,

Yep, but better to use the theme presets to link the custom CSS to the products with specific tag. Here is our documentation on how to use theme presets: https://xtemos.com/docs-topic/theme-settings-presets/

In general, create a preset with the condition that is related to a specific tag: https://prnt.sc/AuCDMALyKYIO , and then in the preset’s settings apply that custom CSS code https://prnt.sc/Dr7PZYlrSNb_

Kind Regards

or to some kind of product )

I created a layout for the product) in but I will have several of these layouts ) above, including the standard combined grid-1, just how exactly to bind this CSS to the layout then)

I don’t have a choice of tag (((( and conditions

Attachments:

You must be logged in to view attached files.

The condition should be “Single post from term” that quals to your tag from product, like here: https://prnt.sc/AuCDMALyKYIO

Kind Regards

Thank you very much for your help, we will buy and buy the theme) the best. There is one more question, please help – Is it possible to use the design of the menu Aside, but at the same time, so that the drop-down list of subcategories appears next to the product. You can suggest CSS. An example like in the second picture.

Hello,

Could you please send some examples on screenshots for a better understanding of how it should looks.

Thank you in advance.

Kind Regards

oh sorry

Attachments:

You must be logged in to view attached files.

Is it possible to use the design of the menu Aside, but at the same time, so that the drop-down list of subcategories appears next to the product. I send picture.
And the question is, is it possible to loop scrolling inside projects so that they don’t end)

Attachments:

You must be logged in to view attached files.

Hello,

1. The thing is that the Aside menu such designed so there is not possible to make a default dropdown in the aside menu design.

2. Sorry to say but right now there is no option in Theme Settings available for that. It requires Customization and this is beyond our limitations and support policy scope. Hope you can understand our limitations.

Don’t hesitate to let me know if you need any further help or any other info.

Kind Regards

I understood, but tell me here in the form of a default menu, for some reason the sub menu moves out, especially when you click on it not from above but in the center of, for example, the site, it moves even more.

Attachments:

You must be logged in to view attached files.

can you help me with it, pls

Hello,

The below code will help you disable that “moves” for the sticky header.

.whb-sticked .whb-general-header .wd-dropdown {
    margin-top: 15px;
}

.whb-sticked .whb-general-header .wd-dropdown:after {
    height: 15px;
}

Define the code above for the “Desktop CSS” area.

Kind Regards

When scrolling down, it was fixed, but I can’t understand why the sub menu is not level with the main one in the first position (((( how to fix it, please help.

Attachments:

You must be logged in to view attached files.

Hello,

Because the main dropdown has the necessary padding, if we disable padding, it will have such a view: https://gyazo.com/85e50b050127a11ee7d5525908556c31

You can try to use the code below to make the child dropdown higher:

.wd-header-main-nav .wd-dropdown-menu.wd-design-default .wd-dropdown {
    margin-top: -12px;
}

Thank you for your time.

Kind Regards

[Author]

Posts