Asides

always visible “Add to cart” button bigcommerce cornerstone theme

Dec 1, 2019

—

by

Rawi Rai

in bigcommerce, bigcommerce stencil theme, Blog, Cornerstone, stencil

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

Nov 21, 2019

—

by

Rawi Rai

in bigcommerce, bigcommerce stencil theme, Blog, Cornerstone, documentation, free bigcommerce stencil theme, stencil

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

Oct 29, 2019

—

by

Rawi Rai

in bigcommerce, bigcommerce stencil theme, Blog, Cornerstone, stencil

How to add SVG logo in bigcommerce stencil cornerstone theme
how to fix bigcommerce cornerstone mobile new, related products carousel not showing correctly?

May 20, 2019

—

by

Rawi Rai

in bigcommerce, Bigcommerce Cornerstone Light Theme, Blog, Cornerstone, stencil

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?

Apr 25, 2019

—

by

Rawi Rai

in bigcommerce, Blog, Fortune

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

Mar 29, 2019

—

by

Rawi Rai

in bigcommerce, Cornerstone, stencil

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

Mar 28, 2019

—

by

Rawi Rai

in bigcommerce, Bigcommerce Cornerstone Light Theme, Cornerstone, stencil

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.
Remove Amex and Diners payment logo icons from optimized one page checkout ?

Feb 14, 2019

—

by

Rawi Rai

in optimized one page checkout

https://support.bigcommerce.com/s/question/0D51B0000561Yd6/remove-amex-and-diners-payment-logo-icons-from-optimized-one-page-checkout?s1oid=00D30000001FDCG&OpenCommentForEdit=1&s1nid=0DB13000000Gmw5&emkind=chatterPostNotification&s1uid=0051B00000Cdq7l&emtm=1550105130415&fromEmail=1&s1ext=0https://support.bigcommerce.com/s/question/0D51B0000561Z1LSAU/how-do-i-remove-credit-card-logos-that-we-dont-accept How do I remove credit card logos that we don’t accept? We’re running “White” Blueprint theme and, since upgrading to the 1-page express checkout, there are credit card logos showing that we don’t accept – Amex, Diners, Discover. This only shows in Step 4 “Payment” How do I remove the logos that we don’t…
add afterpay icon bigcommerce cornerstone stencil theme

Feb 12, 2019

—

by

Rawi Rai

in bigcommerce, Cornerstone, stencil

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…