Few issues after update to 7.0+ version. Grid swatch position, Prev Next preview

Hello Luke,

I just purchased another New License.

I recently updated the Theme to 7.0.4 v (from 6.5.4 or earlier). This time i found that it did not break like that and most of the things works well.
However, I found that couple of previous things are not working anymore, the way they were working earlier. Probably due to the same reason of change in HTML structure.

Can you please check and resolve these concerns.
1. Grid swatches position reverted back to top position on the Shop and Category pages. Due to which the Title and price looks irregular and not in-line, again.
https://bit.ly/3F3e5aE
How can we have these at bottom position, like we had it earlier with the custom CSS you provided here – https://bit.ly/3gzi71h

2. Title line limit is Not working again with the recent update of theme, while hovering on Pre-Next product arrows on the Single Product page.
https://i.paste.pics/6a89a6f268da2336cbe89ce639dbff1b.png
This was previously fixed by you – https://bit.ly/3V8XLuN
Can you please share the updated code

3. The code you shared for – “scroll position to the beginning of products, after clicking on the page number, on Shop page,” here, –
https://bit.ly/3UoQ8PL
is now working only for Desktop, but Not on mobile.
In the mobile, it scrolls up to the very top of the page. Can you please share the updated code, in order for it work for mobiles, as well

You can check on our staging site running Woodmart 7.0.4 v
https://bit.ly/3ieMcUd

Although, I think Admin credentials may not be required, but still I am sharing below.
Please suggest and resolve.

Regards

Hello,

1. You can activate another product style via Theme Settings -> Product archive -> Products styles.

https://prnt.sc/jLzBrTGqVNdT

Or you can use the below code that will help you to change the order in the product grid item.

.product-grid-item .wd-swatches-grid {
    order: 3;
    justify-content: center;
    margin-top: 5px;
}

The “Even product grid” option will help you to in-line the titles and swatches via Theme Settings -> Product archive -> Products styles.

https://prnt.sc/xS3y7a2AZFud

2. Most likely, you have edited that custom, so I just copy the old custom from the old topic that you attached and it works.

https://prnt.sc/zoZBFI9idlNf

https://monosnap.com/file/eXdevthQp5lo5ciyjLTFUTFm6GQ74h

3. You need to enable the shop tools area: https://monosnap.com/file/gMIrlCw8k46WfpqNX3HSX1EUDmoPym

After that, the code will work for the mobile also.

Thanks for your time and have a great day.

Kind Regards

[harshwe]

Hello Luke,

Thank you for your response.

1. Will try to use the updated code and let you know. Thanks for additional suggestion (as always), will try using that style and option.

2. I am not sure why the code reverted back to even more previous code. The code in Settings > Custom CSS that was reflecting earlier was coming from this Older topic –
https://bit.ly/3gS5vlX
Still wondering, how the Custom CSS got reverted back to the CSS Code that was shared in this Older Topic. However, thanks for updating the code.

3. You suggested – “You need to enable the shop tools area – ”
But from where can I do that. I tried to look at Theme settings, but unfortunately, could not find the option for it.
Can you please guide and suggest me, on how to do that.

b). If, at all, we want to keep them disabled, then what needs to be updated in that same code, in order for it to work, even if the Shop tools are not enabled.
Also, is there any way we can just Hide the Shop tools (not by Disabling them completely ), and then have this Code to work, or an updated one.

Regards

• This reply was modified 2 years, 3 months ago by harshwe.
• This reply was modified 2 years, 3 months ago by harshwe.
• This reply was modified 2 years, 3 months ago by harshwe.

Hello,

3. You have disabled the shop tools area by using custom CSS:

https://prnt.sc/rZ6Z5uevvF7Q

So you can remove that code or change the CSS class of the element to which it will scroll.

if ( ! function_exists('wd_change_link') ) {
    function wd_change_link() {
        return '.page-title';
    }

    add_filter('woodmart_ajax_scroll_class', 'wd_change_link');
}

Kind Regards

[harshwe]

Hello Luke,

1. You recently suggested below code in this same topic, here – https://bit.ly/3VJ5ShK
However that below code alone did not worked.

.product-grid-item .wd-swatches-grid {
    order: 3;
    justify-content: center;
    margin-top: 5px;
}

I found that, I have to use this one also (the one you provided earlier here – https://bit.ly/3gzi71h), in conjunction with this above New one, to make it work–

.product-grid-item .product-wrapper {
	display: flex;
	flex-direction: column;
}

Is it correct. Means, I had to use both of these at-a-time. Can you please confirm.

3. Thank you for sharing the updated code. I will check this and let you know.

Regards

• This reply was modified 2 years, 2 months ago by harshwe.
• This reply was modified 2 years, 2 months ago by harshwe.

Hello,

1. Yes, you should use both codes.

3. Ok, I will wait for your response.

Thanks for your time and have a great day.

Kind Regards

[Author]

Posts