[Resolved] Cart replace

Home Forums Support [Resolved] Cart replace

Home Forums Support Cart replace

Viewing 15 posts - 1 through 15 (of 21 total)
  • Author
    Posts
  • #1643286
    Masuk Sarker Batista

    can you please tell me, where this PRIME theme “cart” shortcode is located? https://share.msbofficial.com/xQun902b

    I want to replace that shotcode to add cartpops functionality. this is their documentation https://cartpops.com/docs/features/cart-launcher/

    please let me know, where I will get the cart widget shortcode to replace it with carpops in the same position.

    #1643296
    Leo
    Staff
    Customer Support

    Hi there,

    Your screenshot isn’t working for me.

    Are you referring to this?
    02.02.2021-10.32.01

    If so that’s actually a customizer option:
    https://docs.generatepress.com/article/woocommerce-overview/#general

    If you want to replace that with your own content, then try using this hook:
    https://docs.generatepress.com/article/generate_menu_bar_items/

    It’s the same way that the Login | Register link is added.

    #1643323
    Masuk Sarker Batista

    yes, I am referring to this cart option. thanks a lot for your solution.
    last thing, please tell me where I get this exactly this cart icon??? in media library or somewhere else?

    #1643326
    Leo
    Staff
    Customer Support

    That’s an SVG icon loaded by the premium plugin so not in the media library 🙂

    #1643329
    Masuk Sarker Batista

    so not possible to get this SVG file using file manager too? it will be great If you tell me the location of it.

    #1643333
    Leo
    Staff
    Customer Support

    Sorry – it’s an SVG so it’s just HTML and not loaded by GP Premium:

    <svg viewBox="0 0 518 512" aria-hidden="true" version="1.1" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em">
    		    <g id="Union" transform="matrix(1,0,0,1,2.01969,2)">
    		        <path d="M172,108.5C172,61.832 209.832,24 256.5,24C303.168,24 341,61.832 341,108.5L341,116C341,122.627 346.373,128 353,128C359.628,128 365,122.627 365,116L365,108.5C365,48.577 316.423,0 256.5,0C196.577,0 148,48.577 148,108.5L148,116C148,122.627 153.373,128 160,128C166.628,128 172,122.627 172,116L172,108.5Z" style="fill-rule:nonzero;"></path>
    		        <path d="M4.162,145.236C7.195,141.901 11.493,140 16,140L496,140C500.507,140 504.806,141.901 507.838,145.236C510.87,148.571 512.355,153.03 511.928,157.517L482.687,464.551C480.34,489.186 459.65,508 434.903,508L77.097,508C52.35,508 31.66,489.186 29.314,464.551L0.072,157.517C-0.355,153.03 1.13,148.571 4.162,145.236Z" style="fill-rule:nonzero;"></path>
    		    </g>
    		</svg>

    That would be the shopping bag default in Prime.

    You can see the inspector by using the developer tool:
    https://www.screencast.com/t/dHU6nNbdUaN

    #1643418
    Masuk Sarker Batista

    thanks for your quick support. I am now working on it to fix the icon issue.

    >> Lastly please help me with the spacing issue.
    Default one has this amount of space between “login | Register” and “Cart” Screenshot: https://share.msbofficial.com/9Zu8YxLd

    but after adding the custom shortcode via generatepress elements hook I can see less space between “login | Register” and “Cart” Screenshot: https://share.msbofficial.com/kpu7yKxy

    I think to make it like the default one, “login | Register” menu position should be left a little bit. but how? please help

    #1643751
    Elvin
    Staff
    Customer Support

    Hi there,

    I think to make it like the default one, “login | Register” menu position should be left a little bit. but how? please help

    Try adding this CSS:

    .menu-bar-items a[href="account/"] {
        margin-right: 20px;
    }

    You can adjust the margin-right value to your preference.

    A wise man once said:
    "Have you cleared your cache?"

    #1643821
    Masuk Sarker Batista

    thanks a lot for the CSS code, it works for the guest user when visits are not logged in.

    but when a user logged in, the text change from “Login | Register” to “My Account” https://share.msbofficial.com/04uJrjZj and then CSS is not working.

    I provided you site access link in the Private Information Box, you can log in as an admin to see the issue. (NOTE: I used a condition to change the text using If-so plugin)

    #1643838
    Elvin
    Staff
    Customer Support

    I see the changes applied to logged users as well.

    This is what I see on my end: https://share.getcloudapp.com/jkueJwLz

    Perhaps what you’re seeing is the browser cached version. Can you try clearing browser cache and check again?

    A wise man once said:
    "Have you cleared your cache?"

    #1643851
    Masuk Sarker Batista

    I see! working fine on the homepage for both cases!!
    but for other pages same issue for both login and guest users!!!!

    you can visit this page or any other page to check https://msbsquad.com/product-category/accessories-clothing/ – without homepage, .CSS not working

    #1644849
    Elvin
    Staff
    Customer Support

    Try replacing this:

    .menu-bar-items a[href="account/"] {
        margin-right: 20px;
    }

    With this:

    .menu-bar-items > *:not(:first-child) {
        margin-left: 20px;
    }

    A wise man once said:
    "Have you cleared your cache?"

    #1645008
    Masuk Sarker Batista

    thanks a lot 🙂

    #1645070
    Elvin
    Staff
    Customer Support

    No problem. 😀

    A wise man once said:
    "Have you cleared your cache?"

    #1700578
    Masuk Sarker Batista

    I found a little bug, maybe a CSS issue!

    I have set a rule where the Cart icon will be hidden on the Checkout page.
    and when it’s hidden then I can see No “Extra Space” on the Right side of the “Login | Register” text.

    Please watch this full video to understand my problem https://share.msbofficial.com/BluYnYGn
    it will be great if you give me the Custom CSS code to fix it.

Viewing 15 posts - 1 through 15 (of 21 total)
  • You must be logged in to reply to this topic.