Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • February 14, 2017 at 5:06 pm #746989
    td8000

    Hi Enfold team,

    how do i get the shopping cart item into the breadcrumbs bar, to the right of the breadcrumbs?
    And remove it from the original position?

    Thanks, Tobi

    February 16, 2017 at 4:27 pm #748021
    td8000

    Hello guys,

    i’d really could use some help with this matter.
    I also need to add some padding to the text in the breadcrumbs bar, so it does not touch the edge of the device in mobile resolutions.

    Can’t find any hints in this forum to solve this on my own.

    Best regards, Tobi

    February 16, 2017 at 4:29 pm #748024
    Yigit

    Hi,

    Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

    Login credentials include:

    • The URL to the login screen.
    • A valid username (with full administration capabilities).
    • As well as a password for that username.
    • permission to deactivate plugins if necessary.

    Best regards,
    Yigit

    February 17, 2017 at 1:38 pm #748392
    td8000

    Hi Yigi,

    see Login Data below. You should have no problems to deactivate plugins.

    I just gave it a try with several cart plugins, but did not find, what i am looking for.
    As said i’d be most happy, if i could arrange the same dropdown cart symbol that was by default (deactivates in Quick CSS right now) in the upper right corner of the screen into the breadcrumb bar. So it’s only visible on shop pages, because breadcrumbs aren’t vidible on the other pages.

    Please have a look at the text padding issue as well.

    And do you have any idea, how to change the text “Das könnte dir auch gefallen…” on single product pages like this one:

    Body Peeling, 150 ml: Papaya / weiße Schokolade

    ?
    Should be the german official “Das könnte Ihnen auch gefallen…”. Changing the WP option to German (Sie-Form) does this, but changes several other german text to English on my site…

    Thanks a lot, Tobi

    February 21, 2017 at 10:40 am #749858
    td8000

    Hi Yigit,

    is there no way to get that shopping cart into the breadcrumbsbar?

    I decided now, to place it to the left, instead of the title.

    Shouldn’t that be possible?

    Regards, Tobi

    February 22, 2017 at 10:16 pm #750716
    Vinay

    Hi,

    We would love to help you! Sorry for the delayed reply.

    I checked your site and but did not find the cart after adding the products nor did i see any breadcrumbs on any page. I’m not sure if it is intentional or you are working on some of the changes.

    However under normal circumstance if the shopping cart appears as a part of the main menu and without any modification the below code will move the cart into the breadcrumbs area.

    Please try adding this at the very end of your themes / child themes functions.php file:

    /* Shopping cart in breadcrumbs */

function cart_in_breadcrumbs(){
?>
<script>
jQuery(document).ready(function(){ 
  var htmlString = jQuery('.cart_dropdown').html(),
  movehtmlStringto = jQuery('.title_container');
  movehtmlStringto.prepend('<div class="cart_dropdown">' + htmlString + '</div>');  
});
</script>
<?php
}
add_action('wp_head', 'cart_in_breadcrumbs');

    If you have any issue please enable the shopping cart icon and share a precise link where we can see and inspect the element in question.

    Best regards,
    Vinay

    February 27, 2017 at 4:50 pm #752350
    td8000

    Hi Vinay, thanks for your replay.

    Have a look at my shop page below. I hid the cart symbol via quick css as i did not want it in the upper right corner. made it visible again now.
    Now with your code i see both of them. i want it only in the breadcrumbs bar and on the position where you see now the page title (above first category image).

    I know that you ca not see more than about the lower 10% of the breadcrumbs bar on a screen with a resolution between 768px and 1550px . It’s a question in another thread (#744850). You gave my that code there:

    .html_header_top.html_header_sticky #top #wrap_all #main {
    padding: 50px 0 0 0px !important;
    }

    which i cannot use, because it changes all my pages in all resolutions and not only the shop pages.
    Maybe you can tell me first how to change that code for the shop pages only. Then we can go on with the cart symbol issue.

    Thanks, Tobi

    March 1, 2017 at 6:39 am #753436
    Vinay

    Hi,

    As I understand you like the cart icon in breadcrumbs area correct? It is difficult to troubleshoot without proper admin credentials. Please remove all custom code you have added or modification made to achieve this and post us your login credentials (in the “private data” field), so we can take a look at your backend.

    Login credentials include:

    • The URL to the login screen.
    • A valid username (with full administration capabilities).
    • As well as a password for that username.
    • permission to deactivate plugins if necessary.

    I will help you display the cart icon in breadcrumbs area :)

    Best regards,
    Vinay

    March 1, 2017 at 11:22 am #753603
    td8000

    Cool, thank you Vinay.

    See the data in private content.

    – i have a lot of modifications in quick css. but nothing active that concerns the shopping cart. There’s your code above at the very end of functions php. Therefore you see two cart symbols at the upper right corner of the screen on shop pages/page with breadcrumbs bar.see link below.

    – the shopping cart symbol would be best in the breadcrumbs bar either at the position of the page title “”LebeNeo Shop”, replacing it,
    or centered in the middle. important to be completely inside the bar.

    – you have permission to deactivate plugins.

    – would be great if i’d have the possibility to change the position if needed later.

    Have fun ;-)

    March 3, 2017 at 4:17 am #754777
    Vinay

    Hi,

    Thank you for the credentials, we have added the below css in Quick CSS.

    /* Cart fix */
#header_main > .cart_dropdown  {
display:none;
}
.html_bottom_nav_header .cart_dropdown {
    margin-top: -62px!important;
}

    If you need the cart icon position changed you can play with CSS or get back to us in the future.

    Best regards,
    Vinay

    March 3, 2017 at 6:19 pm #755251
    td8000

    Hi Vinay,

    i can not see the cart symbol in internet explorer. chrome is fine.

    any idea?

    Thanks, TObi

    March 6, 2017 at 5:09 pm #756501
    td8000

    HI Vinay,

    please help me with that. No idea, why it is not displayed in internet explorer…
    Everything else is fine..

    Thnaks, Tobi

    March 8, 2017 at 9:09 pm #758029
    Vinay

    Hey!

    We have updated the code in Quick CSS to the below and checked in IE, FF and chrome. I confirm it looks good and works fine in all 3 browsers. Please review the site now :)

    /* Cart fix  */
#header_main > .cart_dropdown  {
display:none;
}
.cart_dropdown_link {
min-height:35px;
}
.cart_dropdown_first {
 list-style:none;
  position: absolute;
  top: 45%;
transform:translateY(-50%);
}

    Best regards,
    Vinay

    March 9, 2017 at 10:43 am #758282
    td8000

    Hi Vinay,

    thank you so much. This makes me happy :-)

    You can close this thread.

    Great support!

    March 9, 2017 at 7:58 pm #758515
    Vinay

    Hi,

    Glad we could help!
    Please take a moment to review our theme and show your support https://themeforest.net/downloads
    To know more about enfold features please check – http://kriesi.at/documentation/enfold/
    Thank you for using Enfold :)

    Best regards,
    Vinay

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 15 total)
  • The topic ‘Shopping cart icon position’ is closed to new replies.