<li class="item product product-item" style="">
    <div class="product-item-info related-available">
        <!-- related_products_list--> <a onclick="if (window.ga4AllowServices) { window.dataLayer.push({ecommerce: null}); window.dataLayer.push({&quot;event&quot;:&quot;select_item&quot;,&quot;ecommerce&quot;:{&quot;item_list_id&quot;:&quot;related_products&quot;,&quot;item_list_name&quot;:&quot;Hayabusa T3 Bokshandschoenen - Rood \/ Zwart Gerelateerde producten&quot;,&quot;items&quot;:[{&quot;item_name&quot;:&quot;SmellWell Anti geur Tas XL Blauw&quot;,&quot;item_id&quot;:&quot;6110&quot;,&quot;price&quot;:34.95,&quot;index&quot;:1,&quot;item_category&quot;:&quot;Accessoires&quot;,&quot;item_list_name&quot;:&quot;Hayabusa T3 Bokshandschoenen - Rood \/ Zwart Gerelateerde producten&quot;,&quot;item_list_id&quot;:&quot;related_products&quot;,&quot;item_brand&quot;:&quot;SmellWell&quot;,&quot;item_stock_status&quot;:&quot;In stock&quot;,&quot;item_sale_product&quot;:&quot;No&quot;,&quot;item_reviews_count&quot;:&quot;0&quot;,&quot;item_reviews_score&quot;:&quot;0&quot;}]}}); }" href="https://www.vechtsportonline.nl/anti-geur-tas-xl-blauw-6110" class="product photo product-item-photo">
            <div class="lazyload-wrapper"><img class="image product-image-photo catalog-grid-item__image lazyload" src="https://www.vechtsportonline.nl/media/catalog/product/cache/8c9df0cb0d477bd329ec8bc4e08416f8/a/n/anti_geur_tas_xl_blauw_6110-1.jpeg" data-src="https://www.vechtsportonline.nl/media/catalog/product/cache/8c9df0cb0d477bd329ec8bc4e08416f8/a/n/anti_geur_tas_xl_blauw_6110-1.jpeg" alt="SmellWell Anti geur Tas XL Blauw" loading="lazy"></div>
        </a>
        <div class="product details product-item-details">
            <strong class="product name product-item-name">
                <a class="product-item-link" title="SmellWell Anti geur Tas XL Blauw" href="https://www.vechtsportonline.nl/anti-geur-tas-xl-blauw-6110">SmellWell Anti geur Tas XL Blauw</a>
            </strong>
            <div class="price-box price-final_price" data-role="priceBox" data-product-id="137509" data-price-box="product-id-137509">
                <div class="price">
                    <span class="price__value">
                        <span class="price-container price-final_price tax weee">
                            <span id="product-price-137509" data-price-amount="34.95" data-price-type="finalPrice" class="price-wrapper ">
                                <span class="price">&nbsp;34,95</span>
                            </span>
                        </span>
                    </span>
                </div>
            </div>
            <div class="field choice related">
                <input type="checkbox" class="checkbox related" id="related-checkbox137509" name="related_products[]" value="137509">
                <label class="label" for="related-checkbox137509">
                    <span>Toevoegen</span>
                </label>
            </div>
            <div class="product actions product-item-actions">
                <div class="secondary-addto-links actions-secondary" data-role="add-to-links"></div>
            </div>
        </div>
    </div>
</li>
<li class="item product product-item" style="">
    <div class="product-item-info related-available"><!-- related_products_list--> <a
            onclick="if (window.ga4AllowServices) { window.dataLayer.push({ecommerce: null}); window.dataLayer.push({&quot;event&quot;:&quot;select_item&quot;,&quot;ecommerce&quot;:{&quot;item_list_id&quot;:&quot;related_products&quot;,&quot;item_list_name&quot;:&quot;Hayabusa T3 Bokshandschoenen - Rood \/ Zwart Gerelateerde producten&quot;,&quot;items&quot;:[{&quot;item_name&quot;:&quot;SmellWell Anti geur Tas XL Blauw&quot;,&quot;item_id&quot;:&quot;6110&quot;,&quot;price&quot;:34.95,&quot;index&quot;:1,&quot;item_category&quot;:&quot;Accessoires&quot;,&quot;item_list_name&quot;:&quot;Hayabusa T3 Bokshandschoenen - Rood \/ Zwart Gerelateerde producten&quot;,&quot;item_list_id&quot;:&quot;related_products&quot;,&quot;item_brand&quot;:&quot;SmellWell&quot;,&quot;item_stock_status&quot;:&quot;In stock&quot;,&quot;item_sale_product&quot;:&quot;No&quot;,&quot;item_reviews_count&quot;:&quot;0&quot;,&quot;item_reviews_score&quot;:&quot;0&quot;}]}}); }"
            href="https://www.vechtsportonline.nl/anti-geur-tas-xl-blauw-6110" class="product photo product-item-photo">
        <div class="lazyload-wrapper"><img class="image product-image-photo catalog-grid-item__image lazyload"
                                           src="https://www.vechtsportonline.nl/media/catalog/product/cache/8c9df0cb0d477bd329ec8bc4e08416f8/a/n/anti_geur_tas_xl_blauw_6110-1.jpeg"
                                           data-src="https://www.vechtsportonline.nl/media/catalog/product/cache/8c9df0cb0d477bd329ec8bc4e08416f8/a/n/anti_geur_tas_xl_blauw_6110-1.jpeg"
                                           alt="SmellWell Anti geur Tas XL Blauw" loading="lazy"></div>
    </a>
        <div class="product details product-item-details">
            <strong class="product name product-item-name">
                <a
                class="product-item-link" title="SmellWell Anti geur Tas XL Blauw"
                href="https://www.vechtsportonline.nl/anti-geur-tas-xl-blauw-6110">SmellWell Anti geur Tas XL Blauw</a>
            </strong>
            <div class="price-box price-final_price" data-role="priceBox" data-product-id="137509"
                 data-price-box="product-id-137509">
                <div class="price">
                    <span class="price__value">
                        <span class="price-container price-final_price tax weee">
                            <span id="product-price-137509"
                                  data-price-amount="34.95"
                                  data-price-type="finalPrice"
                                  class="price-wrapper "
                            >
                                <span class="price">&nbsp;34,95</span>
                            </span>
                        </span>
                    </span>
                </div>
            </div>
            <div class="field choice related">
                <input type="checkbox"
                       class="checkbox related"
                       id="related-checkbox137509"
                       name="related_products[]"
                       value="137509">
                <label class="label"
                       for="related-checkbox137509"
                >
                    <span>Toevoegen</span>
                </label>
            </div>
            <div class="product actions product-item-actions">
                <div class="secondary-addto-links actions-secondary" data-role="add-to-links"></div>
            </div>
        </div>
    </div>
</li>
/* No context defined for this component. */
  • Content:
    .products.wrapper.grid.products-grid {
        overflow-x: hidden;
        width: 100%;
        padding: 2rem 0;
    
        .product-items {
            scroll-snap-type: x mandatory;
            display: flex;
            overflow-x: scroll;
            .product-item {
                scroll-snap-align: center;
                flex: none;
                width: 100%;
                max-width: 48%;
                scroll-snap-stop: always;
                @include mq($screen-m) {
                    max-width: 337px;
                }
                .product-item-info {
                    margin: 0.5rem;
                    padding: 1rem;
                    box-shadow: 0 0 0.5rem #ccc;
                    border-radius: 15px;
                    overflow: hidden;
                }
            }
        }
    }
    .product-view__related-product,
    .block.crosssell,
    .block.upsell {
        width: 100%;
        .block-title {
            font-family: "Evogria Regular";
            padding-bottom: 1rem;
            font-size: 24px;
            margin: 0 0 0.5em 0;
            font-weight: 700;
            line-height: 1.2;
            color: #1b1b1b;
        }
        .product-item-name {
            font-size: 16px;
            font-weight: bold;
            font-family: "Saira", sans-serif;
        }
        .actions-primary {
            button {
                width: 100%;
                span {
                    padding: 0;
                }
            }
        }
        .secondary-addto-links.actions-secondary {
            display: none;
        }
    }
    
  • URL: /components/raw/catalog-snap-scroll-item/_catalog-snap-scroll-item.scss
  • Filesystem Path: build/components/03-modules/catalog-snap-scroll-item/_catalog-snap-scroll-item.scss
  • Size: 1.4 KB
  • Handle: @catalog-snap-scroll-item
  • Preview:
  • Filesystem Path: build/components/03-modules/catalog-snap-scroll-item/catalog-snap-scroll-item.hbs

There are no notes for this item.