Changes and fixes to get ready!

Hi,

we plan to get ready in less than a week, made some tests and need your help for some more changes/fixes! 🙂

1. Disable page title and background banner for search results on desktop and mobile device as you can see here: https://ibb.co/M5RpggS

2. The order of mobile category menu in shop pages should display same order as on desktop category dropdown menu/mobile shop category sidebar menu. you can see here how it’s now: https://ibb.co/W01fgGc
https://ibb.co/DC81ykm

3. Activate smooth scroll on buttons in information boxes and extra menu list items in the footer. Right now it’s always a hard jump to the linked row-id. i want it to be smooth scrolled.
You can see here: https://ibb.co/hmhvT1v
https://ibb.co/rkqMCcY

4. Mobile menu stays open and doesn’t close when clicking headings which are supposed to link to row-ids. these section/menu headings are affected: https://ibb.co/rbX0BjP

5. The ‘Add To Cart’-Button got renamed via Loco Translate Plugin to ‘Ins Kisterl Legen’. so far so good, but no matter if i translate/type it correctly, it always writes the first letter big. it should be ‘Ins Kisterl legen’ -> the first letter of the third word has to be written small -> ‘l’ in the beginning. here you can see how it looks like now: https://ibb.co/R3J8XSp

Same issue with ‘Read More’ (when product is out of stock) – translated ‘Mehr Erfahren’ -> the second word hast to be written small.

6. changing display of attribute swatches:

– color changes on the attribut swatch ‘BIO’ -> where can i customize background color? i want i to appear green. (as you can see in the screenshot)
– change the place of the attribut swatch ‘Menge’ (quantity) on product images in the product grid. Right now it’s displayed in the upper left corner, but i want it to be displayed in the right bottom corner. (as i marked it in the screenshot)
– the swatch attribut/tag for not available products (out of stock) is called ‘AUSVERKAUFT’- Unfortunately the word is uggly written in 3 rows. how to fix it that it appears in one line/row + to appear the background color red?

Thank you for your kind support!

Kind regards, Lu

i forgot to attach the last screenshot to point #6: https://ibb.co/5r6PwMH

Hello,

I saw the screenshots you attached.

1) You can try removing the page title image for the shop page; it works globally for all the shop related pages.

Screenshot for Clarification: https://ibb.co/61vXfyS

2) The order of the menu and the categories in the sidebar could not be the same because the categories in the sidebar are displayed using a widget and in the menu, you can set the items accordingly but the widget doesn’t allow.

3, 4 & 6) Please provide the URL of the page to check it myself and help you out accordingly.

5) Please try re-translating the string then clear cache and check back.

Best Regards.

Thanks for you response

1. we just want to disable it for the search results, because we use heading images on the other shop pages.

2. we do prefer the order of categories in the sidebar/widget. so you say, we can adapt our mobile category dropdown in the shop? Now it lists the categories alphabetically. I don’t know where to change/customize the order..

3,4,6. i added access in the private section.

5. ok i will try.

thank you!

Hello,

1) Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.search .page-title {
background-image: none !important;
}

2) Sorry but there is no such option in the categories widget to set the order manually.

3) And the mobile menu is working fine and going to the respective link and then closing.

4) For the smooth scroll Please provide the provide the URL of the page where it is enabled with the screenshot to check it myself and help you out accordingly.

6) For the out of stock label try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.labels-rounded .out-of-stock {
	max-width: 103px;
	font-size: 12px;
}

For the bio, label tries adding the following Custom CSS.

.attribute-label.product-label.label-term-bio.label-attribute-pa_herstellung {
	background: red;
	color: white;
}

For the position of the label try adding the following Custom CSS.

.attribute-label.product-label.label-term-1-l.label-attribute-pa_mindestbestellmenge {
	position: absolute;
	margin-left: 180px;
	margin-top: 182px;
}

Best Regards.

1) unfortunately the provided custom css doesn’t work, nothing happens. the page title and background for searching results are still visible.

3) It does only work when you are on the main page and you get directed to the new page. but if you are already on the page ‘deine hilde’ and you want to navigate on that page via mobile menu to the row-ids (which are set as individual links in mobile menu = das ist hilde, das macht hilde, so funktioniert hilde, warum hilde?, partner werden), THEN it won’t close.

6) – out of stock custom css worked!
– colorizing the bio-label worked (just set it green instead of red)!
– unfortunately the custom css for placing the label ‘mindestbestellung’ in the right bottom corner didn’t work..

i got two more issues (name it 7 & 8)

7) is there a way to change the order of products in a category so that not available products (with ‘ausverkauft’ label) appear collected at the end in a category? for user experience it’s not nice to scroll through a category and see the products with ‘ausverkauft’ label, although when displayed at the end of the category collected, it would be ok and appreciated.
i don’t want to hide the products with ‘ausverkauft’ label, because actually the user should yet see the whole product range, even if currently unavailable.

8) the ‘back’-arrow got overlayed by the breadcrumbs on shop pages or vice versa. can you provide custom css to align/display it correctly? here’s a screenshot: https://ibb.co/rZK1RFK

Thank you for your help, highly appreciate your work!!

Best regards, Lu

Update 6 – out of stock custom css only works vor desktop, on mobile device the label ‘ausverkauft’ is still not displaying in a single line. can you provide me custom css for mobile? there the font size can be 10px.

thank you!

Hello,

1) Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.search .page-title {
display: none;
}

3) Please provide a video of what issue you are trying to explain to check it myself and help you out accordingly.

6) Please try adding the following Custom CSS in the Custom CSS for the mobile area under Theme Settings >> Custom CSS.

.labels-rounded .out-of-stock {
    max-width: 103px;
    font-size: 12px;
}

You can set the width and the font-size according to your needs.

7) Sorry but there is no such option in theme settings to make that happen. Because the products are WooCommerce functionality and our theme doesn’t influence.

8) How do you want to align the back arrow please provide a screenshot to check it myself and help you out accordingly.

Best Regards.

Hi,

1) worked, thank you!

3) here you can watch: https://streamable.com/bqg3ph

6) we will try to work with icons instead!

7) ok, any hint for a plugin that will do it?

8) actually it would be perfect if the mobile category menu dropdown would be visible with background banner and arrow like here: https://ibb.co/hm1yHZ8

Thank you & best regards,
Lu

Hello,

You are Most Welcome.

3) Please deactivate all the third-party plugins, activate the parent theme then clear cache and check back. If the problem continues then leave all the third-party plugins and tell me then we will troubleshoot with the theme plugins.

7) Sorry but we could not suggest you with any plugin. You can try using any plugin that meets your requirement.

8) I have checked the shop page and the title and the arrow are already displaying fine.

Screenshot for Clarification: https://ibb.co/zSVFzqB

Best Regards.

Hi,

3) Hm.. i can’t figure out what to do.. no changes at all. would you be so kind and check it? Same with ‘Add To Cart’ (here: ‘Ins Kisterl Legen’) and ‘Read More’ (here: ‘Mehr Erfahren’) Shop-Buttons, they won’t appear correctly -> ‘Ins Kisterl legen’ & ‘Mehr erfahren’..

8) Yes, it works till the category ‘brot und gebaeck’, but not if you dive into the subcategories. here are screenshots:
https://ibb.co/BrxPpFz
https://ibb.co/Z166HFR

i also want to show the mobile category menu dropdown with background+arrow on subcategories like ‘backmischungen’.

new 9) the standard shop page is showing now the product categories. on this shop page i would like to get rid of the mobile category dropdown and background on mobile device. On desktop it’s already deactivated. Screenshot for clarification: https://ibb.co/ZYzp90W

thank you very much!

Best regards,
Lu

Hello,

3) I have logged into your website and checked and most of the third-party plugins are still activated. Please deactivate all the third party plugins not related to the theme then tell me to check it myself and help you out accordingly.

8) This is displayed because of the width of the breadcrumbs. If we try to reduce the font-size then it will not be displayed correctly. You can try moving the arrow a little bit up by adding the following Custom CSS in the Custom CSS for the Mobile area under Theme Settings >> Custom CSS.

.woodmart-back-btn {
	position: absolute;
	top: -14px;
}

9) Sorry but you can’t remove the categories dropdown for the shop page and keep it for the categories pages. It is not possible.

Best Regards.

[Author]

Posts