Handful of items/issues - by dirtcheaprc

This topic has 17 replies, 2 voices, and was last updated 7 years, 6 months ago ago by Olga Barlow

  • Avatar: dirtcheaprc
    dirtcheaprc
    Participant
    October 5, 2016 at 05:23

    Hi,

    I am testing the installation of this theme and am having a few issues with formatting.

    1. The biggest problem I am having is the main menu. This menu needs to show my woocommerce product categories. Since I will have A LOT of product categories, I need them to be automatically populated. So I have been using a plugin called JC Submenu which employs its own walker class to auto populate the menu. The menu items are being populated properly, but they are not in the form of a menu. It seems that maybe the CSS class assigned to them may be wrong, Or the structure is not compatible with your ‘main menu’ area in the theme.

    What is strange is that the JC walker manu is working perfectly for the menu above, the top menu. The ‘Shop by Brand’ dropdown menu is auto populated by the JC submenu plugin. And it works just fine.

    You can see that the unordered list (

      &

    • ) items is created as it should be. But something is not working right… Please help narrow this down.

      2. The breadcrumb separator is not showing for the last item in the breadcrumb area

      3. The breadcrumb for certain pages in my site, such as the about us page, or the brand page, do not show. it just shows “Home >” instead of “Home > About Us”

      4. I notice that you use a custom breadcrumb template. On a product’s page, I want to show the product’s SKU instead of the very long title. Can you point me in the correct direction for editing this? I have search high and low for a filter or action but cannot find one.

      5. I want the site’s search to be just the search icon, not the search box. Also, I want it to be up next to the cart icon.

      6. I would like to remove the mini cart icon’s total. I do not want it to display the $ dollar amount next to it. Can I remove this?

      7. I want to add a link to the customer’s wishlist up next to the search icon and cart icon. But it would need to link to the woothemes wishlist plugin. How can I do this? I do not want to use or install YITH plugins. I already purchased Ultimate Woo Pro.

      8. I am having a small issue. When the first product in the shop page is out of stock, it will show text, button, and text field from the waitlist add-on. But when the first product is NOT out of stock, it shows the products just fine. Please see the 2 links for the difference.
      INCORRECT (notice that the first item is out of stock):
      http://dirtcheaprc.thebarnfloor.com/product-category/uncategorized/
      CORRECT (notice that the first item is in stock):
      http://dirtcheaprc.thebarnfloor.com/product-category/cars-trucks/parts/traxxas-parts/revo-3-3-parts-53097-3/

      9. When I add a product to the cart, the loading image never stops. it continues forever, even though the product is actually in the cart.

      10. Adding a product to the cart that has a Product Addon (which increases the price) does not include the addon, or the price. Addons are stored in WC()->session->cart. They are there, readily accessible in the cart array object. But the addons (and it seems the product attributes) do not show up in the cart under the product. I was using a very standard Woocommerce Storefront style theme before purchasing Xstore and it had no problem showing this information for each cart item. Please see this product and choose and addon and then add it to the cart.
      http://dirtcheaprc.thebarnfloor.com/shop/vant-battery/11-1v-9000mah-3s-cell-60c-120c-lipo-battery-pack-w-traxxas-high-current-style-connector-x-maxx-slash-4×4-xo-1-rally/

      Thank you in advance for your attention.
      -Chris

    Please, contact administrator
    for this information.
    16 Answers
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    October 5, 2016 at 15:47

    Hello,

    1) We did not test our theme with this plugin and as I can see it’s not compatible because we use different classes http://prntscr.com/cq4ree
    Use default method to create menu http://prntscr.com/cq4sfq and follow theme documentation to create mega menu https://www.8theme.com/demo/docs/xstore/#menu_62_mega_menu

    2), 3) We’ll fix it in next theme update. I have added temporary fix in your Custom CSS (Theme Options > Styling)

    4) We use standard woocommerce breadcrumbs and just added few options for decoration (xstore/woocommerce/global/breadcrumb.php) If you plan to do any changes use child theme. Child theme archive you can find in theme package.
    5. Edit xstore/headers/standard.php there you may replace existing search by the one from the main.php to make it like icon and also move it next to cart. Use child theme to change this file.

    6. Change etheme_cart_total function (xstore/framework/woo.php)

    7. This is additional customization and you may send request here https://www.8theme.com/customization-services/

    8. You can disable Out of Stock label in Theme Options > E-Commerce > Shop > Enable “Out of stock” icon > Off

    9. Disable wp debug. UltimateWoo Pro plugin gives notice and this notice makes issue. When you disable debug it will fix the problem.

    10. If you use Product Addon plugin you should disable AJAX add to cart for simple products (Theme Options > E-Commerce > Single product) because this plugin uses POST method and does not work with Ajax. Check if it fixes your problem.

    Regards

    Avatar: dirtcheaprc
    dirtcheaprc
    Participant
    October 7, 2016 at 02:21

    Hi,

    Thank you very much for your reply. I have been reading and performing the actions from your response. Thank you. Please read below my reply.

    1. I see now the use of classes. In order to have the JC walker menu work with your theme, I have hooked into the JC actions and added extra classes. I even added ‘current-menu-item’ to all of the ancestors of a category so the customer can track their steps in the menu 🙂 Thank you, this is fixed now and my product categories auto populate again.

    2. OK, thank you for the quick fix. It seems to work now when on the product page.

    3. Unfortunately, since you made the about us page or the brand page, etc properly show in the breadcrumb, it now causes a duplicate if browsing by category. The current category is listed twice. Please see the following page: http://dirtcheaprc.thebarnfloor.com/product-category/cars-trucks/

    4. I was able to edit the breadcrumb. If the product page is showing, I removed the last breadcrumb in the array and inserted my own 🙂 Thanks.

    5. Thank you. I was able to edit xstore-child/headers/standard.php and put the search icon up next to the cart. But it does not display properly for mobile header. Can you help with this? I want the search icon to be present, white, and larger than it currently is. I also want it to trigger the “navbar-toggle” for mobile. Please help point me in the correct direction for making the mobile view look this way. I cannot figure out how to only change mobile.

    6. OK, i have commented out etheme_cart_total function. It has removed the cart total. But I fear that this will be overwritten when there is a theme update 🙁

    7. I was able to add the wishlist icon and the wishlist link to standard.php file. Can you help with color, size, and spacing for the icon? I tried but I cannot figure out how to set these for the icons. For Mobile and Desktop please.

    8. OK, it’s too bad it is not compatible as of now. Please try to make the theme compatible with the custom out of stock message in the future.

    9. OK thank you. Disabling Degug fixes it.

    10. OK thank you. Disabling Ajax fixes it.

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    October 7, 2016 at 15:43

    Hello,

    You are welcome!

    3) Fixed.

    5), 7) This is additional customization. You can send your request here https://www.8theme.com/customization-services/

    6) To avoid problems with next theme update you should place all the changes in child theme functions.php https://codex.wordpress.org/Child_Themes

    8) If you use additional plugins that add additional text you need just customize css styles a little depending on content you have. Unfortunately, we can’t test our theme with all the available plugins to aviod this.

    Regards

    Avatar: dirtcheaprc
    dirtcheaprc
    Participant
    October 7, 2016 at 22:27

    Hi and thank you!

    3. The search results page shows the breadcrumbs twice still. The brand page also still shows it twice.

    5. OK I have fixed the mobile look. Thanks.

    6. OK, I have copied the function to the child functions.php file. And I have restored the original file. It seems to still be working 🙂 Thanks.

    7. OK, I figured this out. Thanks.

    Here are some new issues I would like to address.

    11. I’d like to show the page Results Count at top of page too, like it shows on the bottom of the page. “Showing 1–20 of 5291 results” Is this possible?

    12. How can I disable the predictive search. It is too slow unfortunately.

    13. Can I Change Search box text from “Type Here…” to “Search…” ?

    14. Tablet landscape does not show top bar.

    15. MobileMenu. When you click the right-arrow “>” to open a submenu, the submenu does not cover the entire previous parent menu. So it can look confusing to the user.

    Thank you in advance.

    Avatar: dirtcheaprc
    dirtcheaprc
    Participant
    October 8, 2016 at 01:22

    Hi again,

    16. I am also having trouble with the action “woocommerce_shop_loop_item_title”. I hook into this action and add the brand and sku before the title of the product. Your product loop does not seem to call “woocommerce_shop_loop_item_title” for some reason. How can I do this????

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    October 10, 2016 at 12:06

    Hello,

    3. Fixed.

    11. You can try to do this using woocommerce hooks in child theme functions.php, for example
    add_action( 'woocommerce_before_shop_loop', 'woocommerce_result_count', 20 );

    12. There is no such option now but we’ll add this in our next update.

    13. You can do this using translation files https://www.8theme.com/demo/docs/xstore/#translation_101_nbspbase_theme_translation and just translate this string to “Search…”

    14. Yes, because there is no place to show all that content for such resolution. It will look in the following way http://prntscr.com/cs0h5l If this is ok for you I can send you CSS code to show top bar.

    15. Could you provide me screenshot of the problem? Not sure if I understand you.

    16. Try this hook woocommerce_before_shop_loop_item_title instead of woocommerce_shop_loop_item_title

    Regards

    Avatar: dirtcheaprc
    dirtcheaprc
    Participant
    October 10, 2016 at 20:37

    Hi again.

    3. Thank you.

    11. OK I have implemented it. It needed a priority of about 5 and styling needed to change to display: block; to look best. Thanks.

    12. Yes, please do add this functionality to disable the predictive search. Maybe my cloud server is too slow. OR, maybe it would be best to CHANGE when the search is performed. Maybe after there hasn’t been a key stroke for more than 1 second. Something like that may help….

    13. Eh, ok. Was hoping for something more simple :-/

    14. Yes, please send me the css for this since I want to show that top menu. My menu will be different and will not have so many items when i go live. Also, I will want the social icons area in the top right to show up too. Thanks.

    15. I will continue to test this. If I have a problem still with it I will inform you.

    16. Sorry, I forgot to say that I have already tried this. It inserts my text BEFORE the product photo, no matter what priority I give it.
    add_action( 'woocommerce_before_shop_loop_item_title', 'dcrc_action_brand_sku', 1 )
    add_action( 'woocommerce_before_shop_loop_item_title', 'dcrc_action_brand_sku', 10 )
    add_action( 'woocommerce_before_shop_loop_item_title', 'dcrc_action_brand_sku', 999 )

    New item:

    17. Is there a way to have the complete grid item, except for the add to cart button of course, be wrapped in the tag? This way the photo, title, cost are all one link and it is easier for the customer to click.

    Avatar: dirtcheaprc
    dirtcheaprc
    Participant
    October 10, 2016 at 20:53

    Oops, html caused an error, here it is again.

    17. Is there a way to have the complete grid item, except for the add to cart button of course, be wrapped in the “a” tag? This way the photo, title, cost are all one link and it is easier for the customer to click.

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    October 11, 2016 at 14:24

    Hello,

    You are welcome.

    14. http://prntscr.com/csi1xf Fixed
    16. Grid items have changed structure that’s why copy /xstore/woocommerce/content-product.php file in child theme and edit it to add sku in place you need.
    17. Edit previously mentioned file (content-product.php) to add “a” tag.

    Regards

    Avatar: dirtcheaprc
    dirtcheaprc
    Participant
    October 11, 2016 at 18:32

    14. Perfect. Thank you very much!

    16. OK, that makes sense. I have added to child theme and added the brand and sku. Thank you.

    17. After looking at the code, there are too many if/else statements and it is not very important to have a link around the whole div.
    So, instead, I only need to fix one last thing right now. For products that are out of stock, the theme gives the product image an opacity of 0.4. I really like this effect. BUT, there is no clickable link on the image. It is very strange too and I cannot figure it out, because the anchor tag is there around the img. But it is not clickable. I even checked CSS to see if anything is removing the link action and I cannot figure it out.
    So, in summary, I just want the out of stock product image to be clickable too, like the instock image.

    Thanks again.

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    October 12, 2016 at 10:13

    Hello,

    You are welcome!

    Add the following code to make out of stock image clickable

    .products-loop .outofstock .content-product .product-image-wrapper, .productCarousel .outofstock .content-product .product-image-wrapper {
        pointer-events: auto;
    }

    Regards

    Avatar: dirtcheaprc
    dirtcheaprc
    Participant
    October 12, 2016 at 20:05

    Thank you very much for your excellent help. That’s all for right now 🙂

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    October 13, 2016 at 11:08

    Hello,

    You are welcome!
    Would be very grateful if you leave 5-stars rating and good comment for our theme https://themeforest.net/downloads

    Have a good day!

    Regards

    Avatar: dirtcheaprc
    dirtcheaprc
    Participant
    October 20, 2016 at 03:14

    Hi,

    Thank you again for your previous help. I have updated to the newest theme update. I have a few concerns now that my site is going to be live in about a day.

    BTW, thank you for fixing the PHP error on the Products Single Page in the update 🙂

    18. During checkout, I do not have complete SSL because the header logo and the site background image are not SSL since they use absolute links to set the images. I have fixed the background image by declaring it in my own CSS as the body background. BUT, the header logo image, I cannot figure out how to set this using a relative url. I have searched the forum and tried to follow advice. But even if I access the media in wp under SSL, I cannot import it properly and then choose it in the 8theme settings. Please guide me.

    19. The Search Bar that is displayed after clicking the search icon in the header used to only display as wide as the other site content. Now, it displays as full width, 100%. Is there a way I can fix this and get it back to only partial width as it was?

    20. I would like to disable the predictive search for now. Is there a way to do this yet w/ the latest update. If there is, I have not found it.

    21. On ym 404 page, I get an error message about gmaps. I cannot figure this out even after searching for the rot of the issue.

    22. The Top Bar, Right Side, is now wrapping to a 2nd line.

    Thank you in advance for your help.

    Chris

    Please, contact administrator
    for this information.
    Avatar: dirtcheaprc
    dirtcheaprc
    Participant
    October 22, 2016 at 15:09

    Hi,

    I am very surprised that I have not gotten a response from this yet.

    Anyhow, this is where I am currently at. My website is very very slow after the most recent update. And of course, some special css hacks to get things to appear properly need to be adjusted as well.

    18. About the SSL logo. I can fix this by hard-coding my image into the header file. I would rather not do this. But it looks like this is going to be the case. Right now I simply have the logo disabled.
    It actually turns out that I have a much more severe issue at hand as far as SSL goes. It’s that my main nav menu is now calling for images when it has not done this before the update. I have currently declared these images in the CSS as display:none to temporarily ‘fix’ this. But this is terrible for load time and for SSL. Last I checked, there are over 150 images that are being loaded in the background while my menu is called, yikes! :-O
    My live site is currently down because of this issue, I believe.

    19, 20, and 21 are still issues of concern.

    22. As for the Top Right bar, I temporarily fixed this. Some new css values in the update caused this to display differently. I’m satisfied with the small CSS I had to decalre. No big deal.

    Please please please help me figure this out. My site is live and I think the theme is causing a huge load on my server that was not happening before. And I understand that my site is a bit customized. But I need help narrowing down some things in your theme. Please help asap as my site is live!

    Please, contact administrator
    for this information.
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    October 24, 2016 at 10:18

    Hello,

    Take my apologies for the delay in answering.

    18. Provide, please, FTP access. Can we disable/enable your third-party plugins to check what could be the reason of slow site? You have a lot of plugins, especially Custom CSS and Javascript, that may cause problem.

    19. Add the following code in custom CSS

    .header-wrapper header > .container .container-wrapper{
        position: relative !important;
    }
    .fixed-header.search-now-opened > .container {
        position: relative !important;
    }

    20. No, we have not added this function yet.

    21. We’ll check and fix it once you provide temporary FTP access.

    Regards

  • Viewing 17 results - 1 through 17 (of 17 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.