Category: bigcommerce

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
Remove bigcommerce cornerstone theme unwanted header and footer space.

Aug 6, 2019

—

by

Rawi Rai

in bigcommerce, Bigcommerce Cornerstone Light Theme, bigcommerce stencil theme, Cornerstone, documentation, free bigcommerce stencil theme, stencil

Remove bigcommerce cornerstone theme unwanted header and footer space frequently asked question at bigcommerce community forum. copy and paste below CSS at footer script <style> .header-logo { margin: 0rem auto 0rem; } .footer { padding: 1rem 0; } .footer-payment-icons { margin-top: 0rem; } .footer-info-col { margin-bottom:1rem; } </style>
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.
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…
Aspect Ratio for Bigcommerce Cornerstone HeroCarousel?

Dec 13, 2018

—

by

Rawi Rai

in bigcommerce, Cornerstone, stencil

Our shop recently migrated to Cornerstone from another theme. The aspect ratio for our previous carousels is causing display issues with the Cornerstone Hero Carousel. Specifically, the image is expanding to cover the full width of the screen, which causes the carousel graphic to be cut off at the top and bottom. What aspect ratio…
how to remove navigation menu from top and keep on footer – bigcommerce stencil theme

Oct 28, 2018

—

by

Rawi Rai

in bigcommerce, Blog, Cornerstone, stencil

Bigcommerce forum forum most repeating question Quick video guide to remove navigation menu from top and keep on footer. New menu on the footer Basically I took away the brands menu on the footer as I dont need it but I would like to place a new menu there called Legal, with some pages within that…