Shopping Cart Popup Tweaks? - by talonhead

This topic has 161 replies, 5 voices, and was last updated 7 years, 9 months ago ago by Robert Hall

  • Avatar: talonhead
    talonhead
    Participant
    July 4, 2016 at 07:50

    Hmm…are you sure that you didn’t do that or someone else on your team update WC testing something out? I specifically downgraded it 2.5.5 for other problems that existed…and now you screenshot a v2.6.2 to me?

    You guys are the only ones that have admin access.

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    July 4, 2016 at 08:09

    Hello,

    We didn’t update your woocommerce plugin version from our side, we just noticed that you had the newest one.

    Best regards,
    Jack Richardson.

    Avatar: talonhead
    talonhead
    Participant
    July 6, 2016 at 08:20

    I don’t know what to make of that, but I knocked it right back down. I know that WP doesn’t update itself nor any other plugin. Alright…moving on.

    These links in the top bar need some ease in-ease out as well.

    http://prntscr.com/bpe9dl

    …as well as my social icons in the top bar. See attached.

    Please, contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    July 6, 2016 at 10:40

    Hello,

    Please add this code in Theme Options -> Styling -> Custom CSS -> Global Custom CSS:

    .etheme_widget_socials a {
      transition: all 0.25s ease-in-out;
    }
    .top-links li a {
      transition: all 0.25s ease-in-out;
    }

    Regards,
    Rose Tyler.

    Avatar: talonhead
    talonhead
    Participant
    July 6, 2016 at 16:38

    Thank you! How can we get rid of the underline at hover on those top bar links?

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    July 6, 2016 at 16:49

    Hello,

    Use this css code:

    .top-links li a:hover {
      text-decoration: none !important;
    }

    Best regards,
    Jack Richardson.

    Avatar: talonhead
    talonhead
    Participant
    July 6, 2016 at 17:08

    Thanks Jack.

    Incidentally, I want to add the vertical line in-between the Phone and Social icons in the left top bar…just like this: http://prntscr.com/bpkcgr

    How is this done?

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    July 6, 2016 at 18:11

    Hello,

    Try the following css code:

    .topbar-widget.etheme_widget_socials::before {
        content: 'I';
        font-family: 'Open Sans', sans-serif;
        position: absolute;
        width: 1px;
        height: auto;
        margin: 4px -12px 0;
    }

    Best regards,
    Jack Richardson.

    Avatar: talonhead
    talonhead
    Participant
    July 6, 2016 at 22:48

    Hm. It doesn’t look quite right.

    Please, contact administrator
    for this information.
    Avatar: Eva
    Eva Kemp
    Support staff
    July 7, 2016 at 07:32

    Hello,

    Please edit margin value in the code to this:
    margin: 4px -9px 0;

    Regards,
    Eva Kemp.

    Avatar: talonhead
    talonhead
    Participant
    July 7, 2016 at 09:42

    OK…I’ve got the spacing correct between the Phone number and “I”…but now the Social icons need to move over to the right just as equally. See attached please.

    Thanks!

    Please, contact administrator
    for this information.
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    July 7, 2016 at 10:04

    Hello,

    Play around this css code:

    .topbar-widget.etheme_widget_socials {
        margin-left: 25px;
    }

    and margin in this section .topbar-widget.etheme_widget_socials::before :
    margin: 4px -14px 0;

    Best regards,
    Jack Richardson.

    Avatar: talonhead
    talonhead
    Participant
    July 7, 2016 at 10:20

    All this code does

    .topbar-widget.etheme_widget_socials {
    margin-left: 25px;
    }

    is increases the space between the Ph and “I” divider. Like I had said, I got the space fine there…just those Socials need to move over now from the divider just as equally.

    Unless I’m missing something here you’re saying to do?

    Avatar: Eva
    Eva Kemp
    Support staff
    July 7, 2016 at 12:16

    Hello,

    Try to change margin value to this margin: 4px -5px 0 -9px; in the code .topbar-widget.etheme_widget_socials::before.

    Regards,
    Eva Kemp.

    Avatar: talonhead
    talonhead
    Participant
    July 9, 2016 at 16:09

    Well it’s not perfect but it’ll work for now.

    More importantly, in Mobile view, the shipping container needs to be a tad bit wider. See screen shot. http://prntscr.com/bqs6cr

    Shipping services radio buttons are not aligned next to text properly.

    You’ll also notice that my background image in Mobile view is totally gone is updating to 1.7?

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    July 11, 2016 at 09:17

    Hello,

    As for background image use this code in Custom CSS for mobile section:

    .template-container .header-wrapper {
       url('http://ffwdconnection.com/woocommerce/wp-content/uploads/2016/01/vegabg1.jpg') !important;
    }

    Use this code in Custom CSS for mobile section for Shipping table:

    #shipping_method li {
       display: inline-flex;
    }
    #shipping_method input[type=radio] {
      display: table;
    }
    #shipping_method li label {
        width: 230px;
    }

    Best regards,
    Jack Richardson.

    Avatar: talonhead
    talonhead
    Participant
    July 11, 2016 at 09:26

    Ohhh….not really liking that at all.

    http://prntscr.com/bres0g

    It moves the radio buttons out towards the left…but the text doesn’t follow.

    On the image, I had said background image…not header image. header is fine.

    Shouldn’t it be a bug in the update that needs fixing rather than changing something in CSS? I’ve got a whole list of things that aren’t working now…and I’m sure you guys are going to be busy for awhile.

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    July 11, 2016 at 15:45

    Hello,

    Have you added the code to Global Custom CSS section?
    Move it to Custom CSS for mobile section.
    Also use this css code:

    #shipping_method li label {
        text-align: left;
        margin-left: 10px;
    }

    Concerning background image use this code in Custom CSS for mobile section:

    .page-wrapper {
        background-color: transparent !important;
    }

    Best regards,
    Jack Richardson.

    Avatar: talonhead
    talonhead
    Participant
    July 11, 2016 at 15:56

    OK…fixed the shipping container in Mobile….but look at the background image in between desktop and mobile.

    https://gyazo.com/d575db3f9110744e945bd12c8398cebb

    Poof.

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    July 11, 2016 at 16:06

    Hello,

    Then add this code in Global Custom CSS section:

    .page-wrapper {
        background-color: transparent !important;
    }

    Best regards,
    Jack Richardson.

    Avatar: talonhead
    talonhead
    Participant
    July 11, 2016 at 23:17

    Thanks Jack. I took out that code in Mobile and added it to Global. Works fine.

    Speaking of shopping cart popups…I have none now. At hover all you see is http://prntscr.com/brp9li

    Update woes…

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    July 12, 2016 at 12:46

    Hello,

    We’ll fix this bug soon and update theme archive on ThemeForest.
    Please take our apologies for inconveniences.

    Best regards,
    Jack Richardson.

    Avatar: talonhead
    talonhead
    Participant
    July 12, 2016 at 13:48

    That’s too bad.

    Were you also aware that there is no data within the tabs in Product Data? http://prntscr.com/brxnu8

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    July 12, 2016 at 15:42

    Hello,

    On our test site there is no such issue with 1.7 theme version:
    http://prntscr.com/brz64j

    Try to delete “woocommerce” folder in the directory wp-content/themes/classico/ and reupload it from a new theme package.

    Best regards,
    Jack Richardson.

    Avatar: talonhead
    talonhead
    Participant
    July 12, 2016 at 15:56

    Just to make sure I understand this…you’re saying to delete the WC plugin and re-upload Classico 1.7?

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    July 12, 2016 at 16:00

    Hello,

    No, Woocommerce plugin should stay.
    You need connect via FTP, go to wp-content/themes/classico directory and delete the folder “woocommerce” (in the themes directory, not plugins). Then upload “woocommerce” folder from new theme package, which is located in “classico” folder in theme package.

    Best regards,
    Jack Richardson.

    Avatar: talonhead
    talonhead
    Participant
    July 12, 2016 at 16:30

    I understand.

    But unfortunately, that didn’t work. Product data still blank.

    Thoughts?

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    July 12, 2016 at 19:46

    Hello,

    Some plugin is causing the issue.
    Disable 3rd-party plugins one by one to find it out.

    Best regards,
    Jack Richardson.

    Avatar: talonhead
    talonhead
    Participant
    July 12, 2016 at 22:54

    Since we’re going to play the “plugin conflict” card, all I have to say is that I didn’t change anything when this problem arose…just updated the theme to 1.7.

    I will ask you this…how to disable the automatic update plugin that is in your theme (I forget the name)? I can’t tell you how many times I’ve downgraded WC only to have it updated to the latest available within 24 hours. The ONLY thing that could do that would be that particular “update” plugin.

    I want to revert back to WC v2.5.5 but it will just go back to 2.6.2 within a day….and all by itself.

    After messing with WP for over 6 months extensively, I’ve come to the conclusion that updating anything inside should be done very slowly…especially when it comes to WC and your theme. Those two never seem to play nice.

    Thoughts?

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    July 13, 2016 at 07:55

    Hello,

    When I disabled all 3rd-party plugins Product Data was shown fine, so some of your plugins is causing the problem.
    We don’t have automatic update plugin included in the theme, perhaps you installed it additionally.

    Best regards,
    Jack Richardson.

  • 1 2 3 4 5 6
    Viewing 90 results - 61 through 90 (of 161 total)

The issue related to '‘Shopping Cart Popup Tweaks?’' has been successfully resolved, and the topic is now closed for further responses

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