Fix UI bugs: hide product info at rest, tight margins (2px), grid column CSS, mobile responsive slider

9afd52da95ecd97a700b62b99bec05552bf898fb · 2026-06-22 19:17:52 -0700 · Steve Abrams
Files touched

A audits/new-arrivals-boost-scope/boost-settings.BACKUP.json
M shopify/_cwGRID/assets/boost-sd-custom.css
Diff

commit 9afd52da95ecd97a700b62b99bec05552bf898fb
Author: Steve Abrams <steve@designerwallcoverings.com>
Date:   Mon Jun 22 19:17:52 2026 -0700

    Fix UI bugs: hide product info at rest, tight margins (2px), grid column CSS, mobile responsive slider
---
 .../boost-settings.BACKUP.json                     |  1 +
 shopify/_cwGRID/assets/boost-sd-custom.css         | 45 ++++++++++++++++++++++
 2 files changed, 46 insertions(+)

diff --git a/audits/new-arrivals-boost-scope/boost-settings.BACKUP.json b/audits/new-arrivals-boost-scope/boost-settings.BACKUP.json
new file mode 100644
index 00000000..aead7299
--- /dev/null
+++ b/audits/new-arrivals-boost-scope/boost-settings.BACKUP.json
@@ -0,0 +1 @@
+{"general":{"productAndVariantAvailable":false,"availableAfterFiltering":false,"activeFilterScrollbar":true,"showFilterOptionCount":true,"showSingleOption":true,"showOutOfStockOption":false,"keepToggleState":true,"showRefineBy":true,"changeMobileButtonLabel":false,"capitalizeFilterOptionValues":true,"swatchImageVersion":111113,"paginationType":"infinite","customSortingList":"relevance|best-selling|manual|price-ascending|price-descending|title-ascending|title-descending|created-descending|created-ascending","showLoading":false,"activeScrollToTop":true,"enableAjaxCart":true,"ajaxCartStyle":"slide","selectOptionInProductItem":false,"sortingAvailableFirst":false,"showVariantImageBasedOn":"","addCollectionToProductUrl":true,"showVariantImageBasedOnSelectedFilter":"","urlScheme":1,"isShortenUrlParam":false,"enableCollectionSearch":true,"enableTrackingOrderRevenue":true},"search":{"enableSuggestion":true,"productAvailable":false,"enableDefaultResult":true,"showSuggestionProductVendor":true,"showSuggestionProductPrice":false,"showSuggestionProductSalePrice":false,"showSuggestionProductSku":true,"showSuggestionProductImage":true,"suggestionBlocks":[{"type":"collections","label":"Collections","status":"active","number":3,"excludedValues":[]},{"type":"pages","label":"Information","status":"active","number":3},{"type":"products","label":"Products","status":"active","number":5},{"type":"suggestions","label":"Suggestions","status":"active","number":5}],"suggestionNoResult":{"search_terms":{"label":"Popular searches","status":true,"data":["wallpaper","fabric","natural","vintage","custom"],"backup":["wallpaper","fabric","natural","vintage","custom"],"type":"manually"},"products":{"label":"Trending products","status":true,"data":["iconic-beverly-hills-wallpaper","glambeads-beige-marble-glass-bead-wallpaper-gbs-20009","65923-jpg"],"backup":["iconic-beverly-hills-wallpaper","glambeads-beige-marble-glass-bead-wallpaper-gbs-20009","65923-jpg"],"type":"manually"}},"searchPanelBlocks":{"products":{"label":"Products","pageSize":25,"active":true,"displayImage":true},"collections":{"label":"Collections","pageSize":25,"active":true,"displayImage":false,"excludedValues":[]},"pages":{"label":"Pages","pageSize":25,"active":true,"displayImage":true},"searchTermSuggestions":{"label":"Popular searches","type":"manually","active":true,"backup":["wallpaper","fabric","natural","vintage","custom"],"searchTermList":["wallpaper","fabric","natural","vintage","custom"]},"mostPopularProducts":{"label":"Trending products","type":"manually","active":true,"backup":["iconic-beverly-hills-wallpaper","glambeads-beige-marble-glass-bead-wallpaper-gbs-20009","65923-jpg"],"productList":["iconic-beverly-hills-wallpaper","glambeads-beige-marble-glass-bead-wallpaper-gbs-20009","65923-jpg"]}},"searchBoxOnclick":{"recentSearch":{"label":"Recent searches","status":true,"number":"3"},"searchTermSuggestion":{"label":"Popular searches","status":true,"data":["wallpaper","fabric","natural","vintage","custom"]},"productSuggestion":{"label":"Trending products","status":false,"data":[]}},"suggestionStyle":"style1","suggestionStyle1ProductItemType":"list","suggestionStyle1ProductPosition":"none","suggestionStyle1ProductPerRow":"1","suggestionStyle2ProductItemType":"list","suggestionStyle2ProductPosition":"right","suggestionStyle2ProductPerRow":"2","suggestionStyle3ProductItemType":"list","suggestionStyle3ProductPosition":"right","suggestionStyle3ProductPerRow":"3","enableFuzzy":1},"label":{"inCollectionSearch":"Search for products in this collection","sortByOptions":{"relevance":"Relevance","best-selling":"Best selling","manual":"Manual","price-ascending":"Price ascending","price-descending":"Price descending","title-ascending":"Title ascending","title-descending":"Title descending","created-descending":"Created descending","created-ascending":"Created ascending"},"recommendation":{"collectionpage-322452":"Just dropped","homepage-328017":"Just dropped","homepage-442803":"Best Sellers","collectionpage-522320":"Most Popular Products","productpage-484123":"Recently viewed","productpage-708051":"Frequently Bought Together","cartpage-173804":"Still interested in this?","cartpage-618857":"Similar Products"},"search":{},"suggestion":{"instantSearchSuggestionsLabel":"Suggestions","instantSearchCollectionsLabel":"Collections","instantSearchProductsLabel":"Products","instantSearchPagesLabel":"Information","searchBoxOnclickRecentSearchLabel":"Recent searches","searchBoxOnclickSearchTermLabel":"Popular searches","searchBoxOnclickProductsLabel":"Trending products","noSearchResultSearchTermLabel":"Popular searches","noSearchResultProductsLabel":"Trending products"},"error":{},"action_list":{},"defaultTheme":{},"recentlyViewed":{},"mostPopular":{}},"style":{"filterTitleTextColor":"","filterTitleFontSize":"","filterTitleFontWeight":"","filterTitleFontTransform":"","filterTitleFontFamily":"","filterOptionTextColor":"","filterOptionFontSize":"","filterOptionFontFamily":"","filterMobileButtonTextColor":"","filterMobileButtonFontSize":"","filterMobileButtonFontWeight":"","filterMobileButtonFontTransform":"","filterMobileButtonFontFamily":"","filterMobileButtonBackgroundColor":""},"actionlist":{"qvBtnBackgroundColor":"rgba(255||255||255||1)","qvBtnTextColor":"rgba(61||66||70||1)","qvBtnBorderColor":"rgba(255||255||255||1)","qvBtnHoverBackgroundColor":"rgba(61||66||70||1)","qvBtnHoverTextColor":"rgba(255||255||255||1)","qvBtnHoverBorderColor":"rgba(61||66||70||1)","atcBtnBackgroundColor":"rgba(0||0||0||1)","atcBtnTextColor":"rgba(255||255||255||1)","atcBtnBorderColor":"rgba(0||0||0||1)","atcBtnHoverBackgroundColor":"rgba(61||66||70||1)","atcBtnHoverTextColor":"rgba(255||255||255||1)","atcBtnHoverBorderColor":"rgba(61||66||70||1)","qvAtcMessage":"","alStyle":"bc-al-style4","qvTitle":"","qvEnable":true,"actTitle":"","atcEnable":true},"recentlyViewed":{"recentlyViewedTitle":"","recentlyViewedEnable":false,"recentProductSliderRange":5,"limit":8},"mostPopular":{"mostPopularTitle":"","mostPopularEnable":true,"popularProductSliderRange":5,"limit":8},"labelTranslations":{"en":{"inCollectionSearch":"Search for products in this collection","sortByOptions":{"relevance":"Relevance","best-selling":"Best selling","manual":"Manual","price-ascending":"Price ascending","price-descending":"Price descending","title-ascending":"Title ascending","title-descending":"Title descending","created-descending":"Created descending","created-ascending":"Created ascending"},"recommendation":{"collectionpage-322452":"Just dropped","homepage-328017":"Just dropped","homepage-442803":"Best Sellers","collectionpage-522320":"Most Popular Products","productpage-484123":"Recently viewed","productpage-708051":"Frequently Bought Together","cartpage-173804":"Still interested in this?","cartpage-618857":"Similar Products"},"search":{},"suggestion":{"instantSearchSuggestionsLabel":"Suggestions","instantSearchCollectionsLabel":"Collections","instantSearchProductsLabel":"Products","instantSearchPagesLabel":"Information","searchBoxOnclickRecentSearchLabel":"Recent searches","searchBoxOnclickSearchTermLabel":"Popular searches","searchBoxOnclickProductsLabel":"Trending products","noSearchResultSearchTermLabel":"Popular searches","noSearchResultProductsLabel":"Trending products"},"error":{},"action_list":{},"defaultTheme":{},"recentlyViewed":{},"mostPopular":{}}},"searchEmptyResultMessages":{}}
\ No newline at end of file
diff --git a/shopify/_cwGRID/assets/boost-sd-custom.css b/shopify/_cwGRID/assets/boost-sd-custom.css
index f6db9da1..c3b79d9c 100644
--- a/shopify/_cwGRID/assets/boost-sd-custom.css
+++ b/shopify/_cwGRID/assets/boost-sd-custom.css
@@ -92,3 +92,48 @@ s.money,
 .dw-vendor-link {
   text-align: center !important;
 }
+
+/* Hide product info (title + vendor) at rest, show on hover */
+.boost-sd__product-info {
+  opacity: 0;
+  transition: opacity 0.2s ease;
+}
+
+.boost-sd__product-item:hover .boost-sd__product-info {
+  opacity: 1;
+}
+
+/* Grid column control CSS for slider */
+.boost-sd__product-list.boost-sd__product-list-grid--3-col {
+  grid-template-columns: repeat(3, 1fr) !important;
+}
+
+.boost-sd__product-list.boost-sd__product-list-grid--4-col {
+  grid-template-columns: repeat(4, 1fr) !important;
+}
+
+.boost-sd__product-list.boost-sd__product-list-grid--6-col {
+  grid-template-columns: repeat(6, 1fr) !important;
+}
+
+.boost-sd__product-list.boost-sd__product-list-grid--12-col {
+  grid-template-columns: repeat(12, 1fr) !important;
+}
+
+/* Tight card margins (2px instead of 16/32px) */
+.boost-sd__product-item {
+  margin: 2px !important;
+}
+
+/* Slider positioning: directly above grid */
+.collection-grid-controls {
+  order: -1;
+  margin-bottom: 16px;
+}
+
+/* Mobile responsive: show slider on all sizes */
+@media (max-width: 768px) {
+  .collection-grid-controls {
+    display: flex !important;
+  }
+}
← 3af4a705 card-hover: mobile shows ONLY pattern name (always-visible, · back to Designer Wallcoverings · hfilter: desktop-only (>768) — mobile keeps Boost's native f 5b0daa82 →