Greetings,
In our brick & mortar store, we regularly print product information from our website to give to clients who are contemplating a purchase. We are very happy with the District template however the print style sheet has too much irrelevant information and typically prints on 4-5 pages. We want the printed information to be concise and no more than 1 page (front & back).
I engaged taskhusky and paid for their service however things didn’t work out as expected. A copy of the print style sheet is below. Where in the liquid code does one find the names of the different sections that appear on the print style sheet? For example, if I wanted to hide the add to cart button, what do I reference? I have attached two images with X’s by sections X I wish to hide.
@_media print { .site-logo.has-image { max-width: 100px !important; } header.site-header.minimal nav.nav-bar { margin: 0px !important; } body:not(.template-index) main.main-content { margin-top: 0px !important; } header.site-header.minimal nav.nav-bar ul.site-nav>li>a { padding: 6px 6px !important; font-size: 12px !important; } .wrapper { max-width: 100% !important; margin: 0px !important; } .flickity-viewport { max-height: 354px !important; } img#ProductImage-product-template{ max-height: 354px !important; } .tab__content p { font-size: 11px; } .tab__content span{ font-size: 11px; } .tab__content ul li{ font-size: 11px; } div#shopify-section-product-recommendations { display: none !important; } header.util { display: none; } div#shopify-section-promos { display: none; } .tab.tab--global-1 { display: none; } div#judgeme_product_reviews { display: none; } footer.site-footer .grid{ display:none; } .single-product .grid .product-images{ width: 45%; } .product-title h1{ font-size: 1em; } .purchase-box .selection-wrapper.variant { margin-bottom: 0px; } div#ProductThumbsSlider-product-template { display: none; } ol.flickity-page-dots { display: none; } aside.product-aside .purchase-box.padding-box{ padding: 5px 20px; } .single-product { padding: 0 20px 10px; } footer.site-footer { padding: 0px 40px; } footer.site-footer .wrapper { margin-top: 0px !important; padding-top: 5px !important; } html.js.shopify-features__smart-payment-buttons--enabled.objectfit.object-fit.no-touchevents { padding-bottom: 0px !important; } footer.site-footer p.copyright { margin: 0px; } .fluid-width-video-wrapper { display: none; } .box.payment-types { display: none; } .product-single__media, img.lazyautosizes.lazyloaded { max-height: 360px !important; } }
