Okay
  Public Ticket #2387947
share icons and product page
Closed

Comments

  • Leanium started the conversation

    We need to add new share icon in product share button, and in the product page we need the description of the item to be below the add to cart.

  •  8,990
    Tahir replied

    Hey ,

    Thank you for using Salient. 

    -You can adjust the layout using the below custom css .

    Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):

    @media only screen and (max-width: 999px) {
        .product[data-tab-pos="fullwidth"] .summary.entry-summary {
            display: flex;
            flex-direction: column-reverse;
        }
        h1.product_title.entry-title {
            order: 2;
        }
        .woocommerce .summary .price, .woocommerce div.product .summary p.price {
            order: 1;
        }
        .product_meta {
            order: -1;
        }
    }

    Best


    ThemeNectar Support Team 

  • Leanium replied

    Hi

    1- Added the CSS but it doesn't work. (please find the attachment) 

    Salient> CSS/Script Related> Custom CSS Code

    2- What about the share icons that i mentioned before?

  •  8,990
    Tahir replied

    Hey Again,

    - Unfortunately there is no such option to add in custom share icons at the moment. Try using Third Party Sharing Plugins if needed .

    - Seems to be working correctly on my end. Try viewing it in Browser Incognito Mode : 

    1522174663.png
    1. Please clear your cache using this guide: https://themenectar.ticksy.com/article/6226/ .
    2. If you are using WP Rocket use this guide :  https://docs.wp-rocket.me/article/108-render-blocking-javascript-and-css-pagespeed#critical-path-css .
    3. For Woocommerce caching issues see: https://docs.woocommerce.com/document/configuring-caching-plugins/ . 


    Thanks 


    ThemeNectar Support Team 

  • Leanium replied

    Hi

    For mobile was fine even without custom CSS, but the issue is in the web browse, still no changes happens even in incognito.

  •  8,990
    Tahir replied

    Hey Again,

    For Desktop use below CSS.

    Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):

    .product[data-tab-pos="fullwidth"] .summary.entry-summary {
        display: flex;
        flex-direction: column-reverse;
    }
    h1.product_title.entry-title {
        order: 2;
    }
    .woocommerce .summary .price, .woocommerce div.product .summary p.price {
        order: 1;
    }
    .product_meta {
        order: -1;
    }

    Thanks


    ThemeNectar Support Team