The repo for Purrform's main BigCommerce store.
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

20 images on nav menu (#21)

authored by

Rogerio Romao and committed by
GitHub
13c65b51 bd44b26c

+32 -1
+27
assets/scss/custom.scss
··· 756 756 } 757 757 @include breakpoint('medium') { 758 758 display: block; 759 + 760 + #navPages-support { 761 + .navPage-subMenu-list { 762 + display: grid; 763 + justify-content: center; 764 + } 765 + } 759 766 } 760 767 .navPage-subMenu-list { 761 768 display: grid; ··· 801 808 padding: 1rem; 802 809 text-transform: none; 803 810 811 + img { 812 + width: 36px; 813 + height: 36px; 814 + object-fit: cover; 815 + border-radius: 50%; 816 + border: 1px solid currentColor; 817 + margin-right: 0.25rem; 818 + } 819 + 804 820 &.is-open { 805 821 .icon { 806 822 svg { ··· 838 854 .navPage-subMenu-item { 839 855 width: 20%; 840 856 .navPages-action { 857 + display: flex; 858 + align-items: center; 859 + gap: 0.5rem; 841 860 border: 0; 842 861 color: $nav-hover-text; 843 862 padding: 0.5rem; 844 863 font-weight: 700; 864 + 865 + img { 866 + width: 42px; 867 + height: 42px; 868 + object-fit: cover; 869 + border-radius: 50%; 870 + border: 1px solid currentColor; 871 + } 845 872 } 846 873 847 874 .navPage-subMenu-action {
+2 -1
config.json
··· 1 1 { 2 - "name": "no image on category page", 2 + "name": "images in nav menu", 3 3 "version": "6.10.0", 4 4 "template_engine": "handlebars_v4", 5 5 "meta": { ··· 91 91 "gallery_size": "300x300", 92 92 "productgallery_size": "500x659", 93 93 "product_size": "500x659", 94 + "category_thumb_size": "42x42", 94 95 "productview_thumb_size": "80x80", 95 96 "productthumb_size": "100x100", 96 97 "thumb_size": "100x100",
+3
templates/components/common/navigation-list.html
··· 44 44 href="{{url}}" 45 45 aria-label="{{name}}" 46 46 > 47 + {{#if image}} 48 + <img src="{{getImage image 'category_thumb_size'}}" alt="{{name}}"> 49 + {{/if}} 47 50 {{name}} 48 51 </a> 49 52 </li>