Asides

  • always visible “Add to cart” button bigcommerce cornerstone theme

    Quick video guide for always visible “Add to cart” button at product card category bigcommerce cornerstone theme  

  • How to Change Sale Now Price to red using Bigcommerce stencil theme

    Another most repeat asked question at Bigcommerce forum https://support.bigcommerce.com/s/question/0D74O000006ChGY/how-to-change-sale-now-price-to-red?s1oid=00D30000001FDCG&s1nid=0DB13000000Gmw5&emkind=chatterCommentNotification&s1uid=0051B00000Cdq7l&emtm=1574301765902&fromEmail=1&s1ext=0 Paste below code at footer script  <style> .price-section–withoutTax span.price { color: red; } .price-section–withoutTax.non-sale-price–withoutTax span.price , .price-section–withoutTax.rrp-price–withoutTax span.price { color: #343434; } </style> [siteorigin_widget class=”WP_Widget_Media_Image”][/siteorigin_widget]

  • How to add SVG logo in bigcommerce stencil cornerstone theme

    How to add SVG logo in bigcommerce stencil cornerstone theme

  • how to fix bigcommerce cornerstone mobile new, related products carousel not showing correctly?

    Replace below code with templates/components/products/carousel.html     <section class="productCarousel" data-list-name="{{list}}"> {{#each products}} <div class="productCarousel-slide"> {{> components/products/card settings=../settings theme_settings=../theme_settings customer=../customer event="list" position=(add @index 1)}} </div> {{/each}} </section> <script src="https://code.jquery.com/jquery-2.2.4.js" integrity="sha256-iT6Q9iMJYuQiMWNd9lDyBUStIq/8PuOW33aOqmvFpqI=" crossorigin="anonymous"></script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.js"></script> <!– Add the slick-theme.css if you want default styling –> <script type="text/javascript"> $(‘.productCarousel’).slick({ dots: true, infinite: false, speed: 300, slidesToShow: 4, slidesToScroll: […]

  • Bigcommerce stencil free theme fortune – how to show product image first instead description on the mobile?

    for the theme fortune bright, the description shows first on the phone instead of the image. Can we switch that? https://support.bigcommerce.com/s/question/0D71B000005e7nF/for-the-theme-fortune-bright-the-description-shows-first-on-the-phone-instead-of-the-image-can-we-switch-that?s1oid=00D30000001FDCG&s1nid=0DB13000000Gmw5&emkind=chatterCommentNotification&s1uid=0051B00000Cdq7l&emtm=1556044481351&fromEmail=1&s1ext=0 QUICK VIDEO GUIDE  

  • Add section to bigcommerce cornerstone stencil theme

    I need to add a section between the main image (carrusel) and products section. This will be a still image with instructions on how to contact us. I know a little bit of html and css, is just I cannot find where to add this, thank you Alberto Villarreal    QUICK VIDEO GUIDE – https://support.bigcommerce.com/s/question/0D71B000005dcsi/add-section-to-cornerstone-theme?s1oid=00D30000001FDCG&s1nid=0DB13000000Gmw5&emkind=chatterCommentNotification&s1uid=0051B00000Cdq7l&emtm=1553828950506&fromEmail=1&s1ext=0

  • How do I change the background color on one specific page ? bigcommerce cornerstone stencil theme

    https://support.bigcommerce.com/s/question/0D71B000005dbLi/how-do-i-change-the-background-color-on-one-specific-page?s1oid=00D30000001FDCG&s1nid=0DB13000000Gmw5&emkind=chatterCommentNotification&s1uid=0051B00000Cdq7l&emtm=1553744557734&fromEmail=1&s1ext=0     here is guide edit theme files – https://support.bigcommerce.com/s/article/Stencil-Themes#edit open templates/layout/base.html find <body> replace with <body class=”{{ page.title }}{{category.name}}{{product.title}}”> debug your page to fine new body CSS of that page. code new CSS with that body name.

  • add afterpay icon bigcommerce cornerstone stencil theme

    open /templates/components/common/payment-icons.html then replace with below code <span data-mce-type=”bookmark” style=”display: inline-block; width: 0px; overflow: hidden; line-height: 0;” class=”mce_SELRES_start”></span> {{#with theme_settings}} {{#or show_accept_amex show_accept_discover show_accept_mastercard show_accept_paypal show_accept_visa}} <div class=”footer-payment-icons”> {{#if show_accept_amex}} <svg class=”footer-payment-icon”><use xlink:href=”#icon-logo-american-express”></use></svg> {{/if}} {{#if show_accept_discover}} <svg class=”footer-payment-icon”><use xlink:href=”#icon-logo-discover”></use></svg> {{/if}} {{#if show_accept_mastercard}} <svg class=”footer-payment-icon”><use xlink:href=”#icon-logo-mastercard”></use></svg> {{/if}} {{#if show_accept_paypal}} <svg class=”footer-payment-icon”><use xlink:href=”#icon-logo-paypal”></use></svg> {{/if}} {{#if show_accept_visa}} <svg class=”footer-payment-icon”><use […]

  • how do I add a different google font to my bigcommerce stencil theme cornerstone

    VIDEO GUIDE – How to add a different Google font to a Stencil theme https://support.bigcommerce.com/s/question/0D51B00004rAeNnSAK/how-do-i-add-a-different-google-font-to-my-stencil-theme [html] [/html]