Home › Forums › WoodMart support forum › Combined grid

Combined grid

Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
    Posts
  • January 18, 2024 at 10:34 pm #531342

    gdyirin
    Participant

    Вы мне отвечали по теме ) правда она закрылась выполнил Ваши указания для комбинированного грида-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.
    January 19, 2024 at 12:31 pm #531474

    Luke Nielsen
    Keymaster

    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

    January 19, 2024 at 12:39 pm #531478

    gdyirin
    Participant

    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

    January 19, 2024 at 1:32 pm #531501

    Luke Nielsen
    Keymaster

    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

    January 19, 2024 at 1:34 pm #531502

    gdyirin
    Participant

    or to some kind of product )

    January 19, 2024 at 1:36 pm #531504

    gdyirin
    Participant

    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)

    January 19, 2024 at 1:57 pm #531522

    gdyirin
    Participant

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

    Attachments:
    You must be logged in to view attached files.
    January 19, 2024 at 4:05 pm #531584

    Luke Nielsen
    Keymaster

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

    Kind Regards

    January 31, 2024 at 12:33 pm #535398

    gdyirin
    Participant

    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.

    January 31, 2024 at 1:33 pm #535445

    Luke Nielsen
    Keymaster

    Hello,

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

    Thank you in advance.

    Kind Regards

    January 31, 2024 at 2:16 pm #535466

    gdyirin
    Participant

    oh sorry

    Attachments:
    You must be logged in to view attached files.
    January 31, 2024 at 3:13 pm #535515

    gdyirin
    Participant

    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.
    February 1, 2024 at 10:23 am #535708

    Luke Nielsen
    Keymaster

    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

    February 1, 2024 at 11:52 am #535741

    gdyirin
    Participant

    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.
    February 1, 2024 at 3:16 pm #535831

    gdyirin
    Participant

    can you help me with it, pls

    February 1, 2024 at 3:41 pm #535848

    Luke Nielsen
    Keymaster

    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

    February 5, 2024 at 12:11 pm #536765

    gdyirin
    Participant

    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.
    February 6, 2024 at 3:45 pm #537267

    Luke Nielsen
    Keymaster

    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
Viewing 18 posts - 1 through 18 (of 18 total)