

        <link rel="alternate" hreflang="en-au" href="https://www.ysl.com/en-au/searchajax?cgid=shopping-bag-men&amp;prefn1=akeneo_macroColor&amp;prefn2=akeneo_markDownInto&amp;prefv3=canvas|CANVAS&amp;prefv4=HK&amp;prefv1=WHITE|BLUE&amp;prefv2=no_season&amp;prefn3=akeneo_materialFilter&amp;prefn4=countryInclusion"/>
    
        <link rel="alternate" hreflang="en-hk" href="https://www.ysl.com/en-hk/searchajax?cgid=shopping-bag-men&amp;prefn1=akeneo_macroColor&amp;prefn2=akeneo_markDownInto&amp;prefv3=canvas|CANVAS&amp;prefv4=HK&amp;prefv1=WHITE|BLUE&amp;prefv2=no_season&amp;prefn3=akeneo_materialFilter&amp;prefn4=countryInclusion"/>
    
        <link rel="alternate" hreflang="en-sg" href="https://www.ysl.com/en-sg/searchajax?cgid=shopping-bag-men&amp;prefn1=akeneo_macroColor&amp;prefn2=akeneo_markDownInto&amp;prefv3=canvas|CANVAS&amp;prefv4=HK&amp;prefv1=WHITE|BLUE&amp;prefv2=no_season&amp;prefn3=akeneo_materialFilter&amp;prefn4=countryInclusion"/>
    
        <link rel="alternate" hreflang="zh-sg" href="https://www.ysl.com/zh-sg/searchajax?cgid=shopping-bag-men&amp;prefn1=akeneo_macroColor&amp;prefn2=akeneo_markDownInto&amp;prefv3=canvas|CANVAS&amp;prefv4=HK&amp;prefv1=WHITE|BLUE&amp;prefv2=no_season&amp;prefn3=akeneo_materialFilter&amp;prefn4=countryInclusion"/>
    
        <link rel="alternate" hreflang="en-kr" href="https://www.ysl.com/en-kr/searchajax?cgid=shopping-bag-men&amp;prefn1=akeneo_macroColor&amp;prefn2=akeneo_markDownInto&amp;prefv3=canvas|CANVAS&amp;prefv4=HK&amp;prefv1=WHITE|BLUE&amp;prefv2=no_season&amp;prefn3=akeneo_materialFilter&amp;prefn4=countryInclusion"/>
    
        <link rel="alternate" hreflang="ko-kr" href="https://www.ysl.com/ko-kr/searchajax?cgid=shopping-bag-men&amp;prefn1=akeneo_macroColor&amp;prefn2=akeneo_markDownInto&amp;prefv3=canvas|CANVAS&amp;prefv4=HK&amp;prefv1=WHITE|BLUE&amp;prefv2=no_season&amp;prefn3=akeneo_materialFilter&amp;prefn4=countryInclusion"/>
    
        <link rel="alternate" hreflang="en-my" href="https://www.ysl.com/en-my/searchajax?cgid=shopping-bag-men&amp;prefn1=akeneo_macroColor&amp;prefn2=akeneo_markDownInto&amp;prefv3=canvas|CANVAS&amp;prefv4=HK&amp;prefv1=WHITE|BLUE&amp;prefv2=no_season&amp;prefn3=akeneo_materialFilter&amp;prefn4=countryInclusion"/>
    
        <link rel="alternate" hreflang="en-tw" href="https://www.ysl.com/en-tw/searchajax?cgid=shopping-bag-men&amp;prefn1=akeneo_macroColor&amp;prefn2=akeneo_markDownInto&amp;prefv3=canvas|CANVAS&amp;prefv4=HK&amp;prefv1=WHITE|BLUE&amp;prefv2=no_season&amp;prefn3=akeneo_materialFilter&amp;prefn4=countryInclusion"/>
    
        <link rel="alternate" hreflang="en-th" href="https://www.ysl.com/en-th/searchajax?cgid=shopping-bag-men&amp;prefn1=akeneo_macroColor&amp;prefn2=akeneo_markDownInto&amp;prefv3=canvas|CANVAS&amp;prefv4=HK&amp;prefv1=WHITE|BLUE&amp;prefv2=no_season&amp;prefn3=akeneo_materialFilter&amp;prefn4=countryInclusion"/>
    
        <link rel="alternate" hreflang="en-cy" href="https://www.ysl.com/en-cy/searchajax?cgid=shopping-bag-men&amp;prefn1=akeneo_macroColor&amp;prefn2=akeneo_markDownInto&amp;prefv3=canvas|CANVAS&amp;prefv4=HK&amp;prefv1=WHITE|BLUE&amp;prefv2=no_season&amp;prefn3=akeneo_materialFilter&amp;prefn4=countryInclusion"/>
    
        <link rel="alternate" hreflang="en-sa" href="https://www.ysl.com/en-sa/searchajax?cgid=shopping-bag-men&amp;prefn1=akeneo_macroColor&amp;prefn2=akeneo_markDownInto&amp;prefv3=canvas|CANVAS&amp;prefv4=HK&amp;prefv1=WHITE|BLUE&amp;prefv2=no_season&amp;prefn3=akeneo_materialFilter&amp;prefn4=countryInclusion"/>
    
        <link rel="alternate" hreflang="en-ae" href="https://www.ysl.com/en-ae/searchajax?cgid=shopping-bag-men&amp;prefn1=akeneo_macroColor&amp;prefn2=akeneo_markDownInto&amp;prefv3=canvas|CANVAS&amp;prefv4=HK&amp;prefv1=WHITE|BLUE&amp;prefv2=no_season&amp;prefn3=akeneo_materialFilter&amp;prefn4=countryInclusion"/>
    
        <link rel="alternate" hreflang="en-jp" href="https://www.ysl.com/en-jp/searchajax?cgid=shopping-bag-men&amp;prefn1=akeneo_macroColor&amp;prefn2=akeneo_markDownInto&amp;prefv3=canvas|CANVAS&amp;prefv4=HK&amp;prefv1=WHITE|BLUE&amp;prefv2=no_season&amp;prefn3=akeneo_materialFilter&amp;prefn4=countryInclusion"/>
    
        <link rel="alternate" hreflang="ja-jp" href="https://www.ysl.com/ja-jp/searchajax?cgid=shopping-bag-men&amp;prefn1=akeneo_macroColor&amp;prefn2=akeneo_markDownInto&amp;prefv3=canvas|CANVAS&amp;prefv4=HK&amp;prefv1=WHITE|BLUE&amp;prefv2=no_season&amp;prefn3=akeneo_materialFilter&amp;prefn4=countryInclusion"/>
    
        <link rel="alternate" hreflang="en-en" href="https://www.ysl.com/en-en/searchajax?cgid=shopping-bag-men&amp;prefn1=akeneo_macroColor&amp;prefn2=akeneo_markDownInto&amp;prefv3=canvas|CANVAS&amp;prefv4=HK&amp;prefv1=WHITE|BLUE&amp;prefv2=no_season&amp;prefn3=akeneo_materialFilter&amp;prefn4=countryInclusion"/>
    

    <meta name="localesUrls" content="{&quot;localesUrls&quot;:[{&quot;href&quot;:&quot;https://www.ysl.com/en-au/searchajax?cgid=shopping-bag-men&amp;prefn1=akeneo_macroColor&amp;prefn2=akeneo_markDownInto&amp;prefv3=canvas|CANVAS&amp;prefv4=HK&amp;prefv1=WHITE|BLUE&amp;prefv2=no_season&amp;prefn3=akeneo_materialFilter&amp;prefn4=countryInclusion&quot;,&quot;hreflang&quot;:&quot;en-au&quot;},{&quot;href&quot;:&quot;https://www.ysl.com/en-hk/searchajax?cgid=shopping-bag-men&amp;prefn1=akeneo_macroColor&amp;prefn2=akeneo_markDownInto&amp;prefv3=canvas|CANVAS&amp;prefv4=HK&amp;prefv1=WHITE|BLUE&amp;prefv2=no_season&amp;prefn3=akeneo_materialFilter&amp;prefn4=countryInclusion&quot;,&quot;hreflang&quot;:&quot;en-hk&quot;},{&quot;href&quot;:&quot;https://www.ysl.com/en-sg/searchajax?cgid=shopping-bag-men&amp;prefn1=akeneo_macroColor&amp;prefn2=akeneo_markDownInto&amp;prefv3=canvas|CANVAS&amp;prefv4=HK&amp;prefv1=WHITE|BLUE&amp;prefv2=no_season&amp;prefn3=akeneo_materialFilter&amp;prefn4=countryInclusion&quot;,&quot;hreflang&quot;:&quot;en-sg&quot;},{&quot;href&quot;:&quot;https://www.ysl.com/zh-sg/searchajax?cgid=shopping-bag-men&amp;prefn1=akeneo_macroColor&amp;prefn2=akeneo_markDownInto&amp;prefv3=canvas|CANVAS&amp;prefv4=HK&amp;prefv1=WHITE|BLUE&amp;prefv2=no_season&amp;prefn3=akeneo_materialFilter&amp;prefn4=countryInclusion&quot;,&quot;hreflang&quot;:&quot;zh-sg&quot;},{&quot;href&quot;:&quot;https://www.ysl.com/en-kr/searchajax?cgid=shopping-bag-men&amp;prefn1=akeneo_macroColor&amp;prefn2=akeneo_markDownInto&amp;prefv3=canvas|CANVAS&amp;prefv4=HK&amp;prefv1=WHITE|BLUE&amp;prefv2=no_season&amp;prefn3=akeneo_materialFilter&amp;prefn4=countryInclusion&quot;,&quot;hreflang&quot;:&quot;en-kr&quot;},{&quot;href&quot;:&quot;https://www.ysl.com/ko-kr/searchajax?cgid=shopping-bag-men&amp;prefn1=akeneo_macroColor&amp;prefn2=akeneo_markDownInto&amp;prefv3=canvas|CANVAS&amp;prefv4=HK&amp;prefv1=WHITE|BLUE&amp;prefv2=no_season&amp;prefn3=akeneo_materialFilter&amp;prefn4=countryInclusion&quot;,&quot;hreflang&quot;:&quot;ko-kr&quot;},{&quot;href&quot;:&quot;https://www.ysl.com/en-my/searchajax?cgid=shopping-bag-men&amp;prefn1=akeneo_macroColor&amp;prefn2=akeneo_markDownInto&amp;prefv3=canvas|CANVAS&amp;prefv4=HK&amp;prefv1=WHITE|BLUE&amp;prefv2=no_season&amp;prefn3=akeneo_materialFilter&amp;prefn4=countryInclusion&quot;,&quot;hreflang&quot;:&quot;en-my&quot;},{&quot;href&quot;:&quot;https://www.ysl.com/en-tw/searchajax?cgid=shopping-bag-men&amp;prefn1=akeneo_macroColor&amp;prefn2=akeneo_markDownInto&amp;prefv3=canvas|CANVAS&amp;prefv4=HK&amp;prefv1=WHITE|BLUE&amp;prefv2=no_season&amp;prefn3=akeneo_materialFilter&amp;prefn4=countryInclusion&quot;,&quot;hreflang&quot;:&quot;en-tw&quot;},{&quot;href&quot;:&quot;https://www.ysl.com/en-th/searchajax?cgid=shopping-bag-men&amp;prefn1=akeneo_macroColor&amp;prefn2=akeneo_markDownInto&amp;prefv3=canvas|CANVAS&amp;prefv4=HK&amp;prefv1=WHITE|BLUE&amp;prefv2=no_season&amp;prefn3=akeneo_materialFilter&amp;prefn4=countryInclusion&quot;,&quot;hreflang&quot;:&quot;en-th&quot;},{&quot;href&quot;:&quot;https://www.ysl.com/en-cy/searchajax?cgid=shopping-bag-men&amp;prefn1=akeneo_macroColor&amp;prefn2=akeneo_markDownInto&amp;prefv3=canvas|CANVAS&amp;prefv4=HK&amp;prefv1=WHITE|BLUE&amp;prefv2=no_season&amp;prefn3=akeneo_materialFilter&amp;prefn4=countryInclusion&quot;,&quot;hreflang&quot;:&quot;en-cy&quot;},{&quot;href&quot;:&quot;https://www.ysl.com/en-sa/searchajax?cgid=shopping-bag-men&amp;prefn1=akeneo_macroColor&amp;prefn2=akeneo_markDownInto&amp;prefv3=canvas|CANVAS&amp;prefv4=HK&amp;prefv1=WHITE|BLUE&amp;prefv2=no_season&amp;prefn3=akeneo_materialFilter&amp;prefn4=countryInclusion&quot;,&quot;hreflang&quot;:&quot;en-sa&quot;},{&quot;href&quot;:&quot;https://www.ysl.com/en-ae/searchajax?cgid=shopping-bag-men&amp;prefn1=akeneo_macroColor&amp;prefn2=akeneo_markDownInto&amp;prefv3=canvas|CANVAS&amp;prefv4=HK&amp;prefv1=WHITE|BLUE&amp;prefv2=no_season&amp;prefn3=akeneo_materialFilter&amp;prefn4=countryInclusion&quot;,&quot;hreflang&quot;:&quot;en-ae&quot;},{&quot;href&quot;:&quot;https://www.ysl.com/en-jp/searchajax?cgid=shopping-bag-men&amp;prefn1=akeneo_macroColor&amp;prefn2=akeneo_markDownInto&amp;prefv3=canvas|CANVAS&amp;prefv4=HK&amp;prefv1=WHITE|BLUE&amp;prefv2=no_season&amp;prefn3=akeneo_materialFilter&amp;prefn4=countryInclusion&quot;,&quot;hreflang&quot;:&quot;en-jp&quot;},{&quot;href&quot;:&quot;https://www.ysl.com/ja-jp/searchajax?cgid=shopping-bag-men&amp;prefn1=akeneo_macroColor&amp;prefn2=akeneo_markDownInto&amp;prefv3=canvas|CANVAS&amp;prefv4=HK&amp;prefv1=WHITE|BLUE&amp;prefv2=no_season&amp;prefn3=akeneo_materialFilter&amp;prefn4=countryInclusion&quot;,&quot;hreflang&quot;:&quot;ja-jp&quot;},{&quot;href&quot;:&quot;https://www.ysl.com/en-en/searchajax?cgid=shopping-bag-men&amp;prefn1=akeneo_macroColor&amp;prefn2=akeneo_markDownInto&amp;prefv3=canvas|CANVAS&amp;prefv4=HK&amp;prefv1=WHITE|BLUE&amp;prefv2=no_season&amp;prefn3=akeneo_materialFilter&amp;prefn4=countryInclusion&quot;,&quot;hreflang&quot;:&quot;en-en&quot;}]}" />
    <script>
        if (window.exposedData) {
            Object.assign(window.exposedData.localesUrls, JSON.parse(document.querySelector('meta[name="localesUrls"]').content));
        } else {
            window.exposedData = {
                localesUrls: JSON.parse(document.querySelector('meta[name="localesUrls"]').content)
            }
        }
    </script>


<div data-container="plp">
    <div data-component=filters data-hasBackdrop="true">
        
            
                <h1>SHOPPING BAGS</h1>
                
    <span class="c-filters__count" data-bind="countFilters">
        
            1 ITEM FILTERED:
        
    </span>


            <div class="hero slant-down search-banner" 
                
                >
            </div>
        

        <div class="l-searchresults" data-component="employeeSaleWaterMark">
            
            
            <div class="c-errornotifier" data-component="errorNotifier">
    <div data-bind="errorMessage" aria-live="polite"></div>
</div>

            
                <div class="l-searchresults__header">
                    <div class="l-searchresults__headerinner" data-ref="rootFilters">
                        
                        
                            <span class="l-searchresults__categoryname u-hidden@md u-hidden-from@lg">SHOPPING BAGS</span>
                        
                        <div class="l-searchresults__toggleview ">
                            <div class="c-toggleview c-toggleview--show" data-component="toggleView" data-initial-viewtype="PRIMARY">
                                VIEW BY

                                <button type="button" class="c-toggleview__button c-toggleview__button--active"
                                    data-ref="button" data-action="togglePLPView" data-view="PRIMARY" data-gaviewtype="detail">
                                    <span class="c-toggleview__label">3</span>
                                    <span class="c-toggleview__label c-toggleview__label--mobile">2</span>
                                </button>
                                <button type="button" class="c-toggleview__button "
                                    data-ref="button" data-action="togglePLPView" data-view="SECONDARY" data-gaviewtype="preview">
                                    <span class="c-toggleview__label">6</span>
                                    <span class="c-toggleview__label c-toggleview__label--mobile">3</span>
                                </button>
                            </div>
                        </div>
                        
                        <div class="l-searchresults__filters " id="searchResultsFilters" data-content="LOADING...">
                            <div class="c-filters">
                                
                                <button type="button" class="c-filters__btn" data-action="openFiltersLayer" data-ref="filterButton">
                                    <span data-bind="countProducts">
                                        
                                            APPLIED FILTERS (1)
                                        
                                    </span>
                                    <span class="c-icon c-icon--arrow-right c-filters__icon"></span>
                                </button>
                                
                                <div class="l-searchresults__selectedfilters" data-bind="selectedFilters">
    
        <a href="/en-hk/searchajax?cgid=shopping-bag-men" class="c-filters__btn c-filters__btnclear" data-action="updatePLP" role="button" >
            CLEAR ALL
            <span class="c-icon c-icon--close c-filters__icon"></span>
        </a>
    
</div>

                            </div>
                        </div>
                        <div class="c-loadmoretoggle" data-component="loadMoreToggle">
    <p class="c-loadmoretoggle__label c-loadmoretoggle__label--title">LOADING:</p>
    <p class="u-hidden" id="toogleload_label">Load products automatically</p>
    <label class="c-loadmoretoggle__switch" for="infiniteScrollTrue" tabindex="0" data-action="handleKeypress" data-ref="focusableLabel">
        <span data-ref="automatically" class="c-loadmoretoggle__label c-loadmoretoggle__label--automatically c-loadmoretoggle__label--bold">AUTOMATIC</span>
        <input class="c-loadmoretoggle__input" name="infiniteScroll" id="infiniteScrollTrue" value="true" aria-labelledby="toogleload_label" type="radio" checked data-action="switchLoadingMethode" data-ref="loadMoreCheckbox">
    </label>
    <label class="c-loadmoretoggle__switch" for="infiniteScrollFalse" tabindex="0" data-action="handleKeypress" data-ref="focusableLabel">
        <span data-ref="manually" class="c-loadmoretoggle__label c-loadmoretoggle__label--manually">MANUAL</span>
        <input class="c-loadmoretoggle__input" name="infiniteScroll" id="infiniteScrollFalse" value="false" aria-labelledby="toogleload_label" type="radio" data-action="switchLoadingMethode" data-ref="loadMoreCheckbox">
    </label>
    
</div>
                        
                        
                    </div>
                </div>
                <div class="c-filters__panel" data-ref="panelFilters" tabindex="-1" role="dialog" aria-labelledby="filtersPanelTitle">
                    <div class="c-filters__panelinner" role="document">
                        <div class="c-filters__header">
                            <div class="c-filters__headings">
                                <h2 class="c-filters__label" tabindex="-1" data-ref="filterLabel" id="filtersPanelTitle">
                                    FILTER (1)
                                    &nbsp;-&nbsp;
                                </h2>
                                
                                    <h1 class="c-filters__title">
                                        SHOPPING BAGS
                                    </h1>
                                
                            </div>
                            <button type="button" class="c-filters__close" data-action="closeFiltersLayer">
                                <span class="c-filters__closelabel u-visually-hidden">CLOSE</span>
                                <i aria-hidden="true" class="c-icon--close"></i>
                            </button>
                        </div>
                        
                        <div class="c-filters__refinements">
    
        
            <div class="c-filters__group c-filters__group--color" aria-labelledby="checkboxGroup" data-ref="group" data-filtername="color" role="group">
                <h3 class="c-filters__title" id="checkboxGroup">
                    color
                </h3>
                
                <ul class="c-filters__items">
                    
                    
    <li class="c-filters__item c-filters__item--color">
    <label class="u-visually-hidden" for="filters_color_Black">color</label>
    <a id="filters_color_Black" class="c-filters__itemlink" href="/en-hk/searchajax?cgid=shopping-bag-men&amp;prefn1=akeneo_macroColor&amp;prefv1=WHITE%7CBLUE%7CBLACK&amp;prefn2=akeneo_markDownInto&amp;prefv2=no_season&amp;prefn3=akeneo_materialFilter&amp;prefv3=canvas%7CCANVAS&amp;prefn4=countryInclusion&amp;prefv4=HK" data-filtername="Black" data-action="updatePLP" data-gafiltertype="filter" data-filtertype="color" role="checkbox" aria-checked="false" tabindex="0" rel="nofollow" >
        <span style="background-color:#000000" class="c-filters__swatch  c-filters__swatch--colorblack swatch-circle-#000000 "></span>
        <span class="c-filters__swatchlabel">Black <span class="c-filters__hitcount">(2)</span></span>
    </a>
</li>

    
    <li class="c-filters__item c-filters__item--color">
    <label class="u-visually-hidden" for="filters_color_Green">color</label>
    <a id="filters_color_Green" class="c-filters__itemlink" href="/en-hk/searchajax?cgid=shopping-bag-men&amp;prefn1=akeneo_macroColor&amp;prefv1=WHITE%7CBLUE%7CGREEN&amp;prefn2=akeneo_markDownInto&amp;prefv2=no_season&amp;prefn3=akeneo_materialFilter&amp;prefv3=canvas%7CCANVAS&amp;prefn4=countryInclusion&amp;prefv4=HK" data-filtername="Green" data-action="updatePLP" data-gafiltertype="filter" data-filtertype="color" role="checkbox" aria-checked="false" tabindex="0" rel="nofollow" >
        <span style="background-color:#009400" class="c-filters__swatch  c-filters__swatch--colorgreen swatch-circle-#009400 "></span>
        <span class="c-filters__swatchlabel">Green <span class="c-filters__hitcount">(1)</span></span>
    </a>
</li>

    
    <li class="c-filters__item c-filters__item--color">
    <label class="u-visually-hidden" for="filters_color_AMBER">color</label>
    <a id="filters_color_AMBER" class="c-filters__itemlink" href="/en-hk/searchajax?cgid=shopping-bag-men&amp;prefn1=akeneo_macroColor&amp;prefv1=WHITE%7CBLUE%7CAMBER&amp;prefn2=akeneo_markDownInto&amp;prefv2=no_season&amp;prefn3=akeneo_materialFilter&amp;prefv3=canvas%7CCANVAS&amp;prefn4=countryInclusion&amp;prefv4=HK" data-filtername="AMBER" data-action="updatePLP" data-gafiltertype="filter" data-filtertype="color" role="checkbox" aria-checked="false" tabindex="0" rel="nofollow" >
        <span style="background-color:#7f4019" class="c-filters__swatch  c-filters__swatch--coloramber swatch-circle-#7f4019 "></span>
        <span class="c-filters__swatchlabel">AMBER <span class="c-filters__hitcount">(1)</span></span>
    </a>
</li>

    
    <li class="c-filters__item c-filters__item--color c-filters__item--active">
    <label class="u-visually-hidden" for="filters_color_White">color</label>
    <a id="filters_color_White" class="c-filters__itemlink" href="/en-hk/searchajax?cgid=shopping-bag-men&amp;prefn1=akeneo_macroColor&amp;prefv1=BLUE&amp;prefn2=akeneo_markDownInto&amp;prefv2=no_season&amp;prefn3=akeneo_materialFilter&amp;prefv3=canvas%7CCANVAS&amp;prefn4=countryInclusion&amp;prefv4=HK" data-filtername="White" data-action="updatePLP" data-gafiltertype="filter" data-filtertype="color" role="checkbox" aria-checked="false" tabindex="0" rel="nofollow" >
        <span style="background-color:#FFFFFF" class="c-filters__swatch  c-filters__swatch--colorwhite swatch-circle-#FFFFFF selected"></span>
        <span class="c-filters__swatchlabel">White <span class="c-filters__hitcount">(1)</span></span>
    </a>
</li>

    
    <li class="c-filters__item c-filters__item--color">
    <label class="u-visually-hidden" for="filters_color_silver">color</label>
    <a id="filters_color_silver" class="c-filters__itemlink" href="/en-hk/searchajax?cgid=shopping-bag-men&amp;prefn1=akeneo_macroColor&amp;prefv1=WHITE%7CBLUE%7Csilver&amp;prefn2=akeneo_markDownInto&amp;prefv2=no_season&amp;prefn3=akeneo_materialFilter&amp;prefv3=canvas%7CCANVAS&amp;prefn4=countryInclusion&amp;prefv4=HK" data-filtername="silver" data-action="updatePLP" data-gafiltertype="filter" data-filtertype="color" role="checkbox" aria-checked="false" tabindex="0" rel="nofollow" >
        <span style="background-color:#bebebe" class="c-filters__swatch  c-filters__swatch--colorsilver swatch-circle-#bebebe "></span>
        <span class="c-filters__swatchlabel">silver <span class="c-filters__hitcount">(1)</span></span>
    </a>
</li>


                </ul>
                
            </div>
        
    
            <div class="c-filters__group c-filters__group--akeneo_materialFilter" aria-labelledby="checkboxGroup" data-ref="group" data-filtername="akeneo_materialFilter" role="group">
                <h3 class="c-filters__title" id="checkboxGroup">
                    Material
                </h3>
                
                <ul class="c-filters__items">
                    
                    
    <li class="c-filters__item c-filters__item--active">
    <a href="/en-hk/searchajax?cgid=shopping-bag-men&amp;prefn1=akeneo_macroColor&amp;prefv1=WHITE%7CBLUE&amp;prefn2=akeneo_markDownInto&amp;prefv2=no_season&amp;prefn3=akeneo_materialFilter&amp;prefv3=canvas&amp;prefn4=countryInclusion&amp;prefv4=HK"
        class="c-filters__itemboolean"
        data-filtername="CANVAS"
        data-filtertype="Material"
        data-gafiltertype="filter"
        data-action="updatePLP"
        role="checkbox"
        aria-checked="false"
        rel="nofollow"
        
    >
        CANVAS <span class="c-filters__hitcount">(1)</span>
    </a>
</li>


                </ul>
                
            </div>
        
    
            <div class="c-filters__group c-filters__group--akeneo_stoneFilter" aria-labelledby="checkboxGroup" data-ref="group" data-filtername="akeneo_stoneFilter" role="group">
                <h3 class="c-filters__title" id="checkboxGroup">
                    Metal Finishing
                </h3>
                
                <ul class="c-filters__items">
                    
                    
    <li class="c-filters__item">
    <a href="/en-hk/searchajax?cgid=shopping-bag-men&amp;prefn1=akeneo_macroColor&amp;prefv1=WHITE%7CBLUE&amp;prefn2=akeneo_markDownInto&amp;prefv2=no_season&amp;prefn3=akeneo_materialFilter&amp;prefv3=canvas%7CCANVAS&amp;prefn4=akeneo_stoneFilter&amp;prefv4=SILVER&amp;prefn5=countryInclusion&amp;prefv5=HK"
        class="c-filters__itemboolean"
        data-filtername="SILVER"
        data-filtertype="Metal Finishing"
        data-gafiltertype="filter"
        data-action="updatePLP"
        role="checkbox"
        aria-checked="false"
        rel="nofollow"
        
    >
        SILVER <span class="c-filters__hitcount">(1)</span>
    </a>
</li>


                </ul>
                
            </div>
        
    
        <a href="/en-hk/searchajax?cgid=shopping-bag-men" class="c-filters__btnclear c-filters__btnclearpanel c-button--aslink u-hidden@lg" data-ref="clearFilters" tabindex="0" data-action="updatePLP" role="button">
            CLEAR ALL
        </a>
    
</div>

                        
    <div class="c-filters__sort">
        <div class="c-filters__group" data-ref="group" role="radiogroup" data-filtername="sortby" aria-labelledby="radioButtonsGroup">
            <h3 class="c-filters__title" id="radioButtonsGroup">
                SORT BY
            </h3>
            <ul id="radioGroup1" class="c-filters__items">
                
                    <li class="c-filters__item c-filters__item--sort c-filters__item--active">
                        <a href="https://www.ysl.com/en-hk/shop-men/bags/shopping-bags?prefn1=akeneo_macroColor&amp;prefn2=akeneo_markDownInto&amp;prefn3=akeneo_materialFilter&amp;prefn4=countryInclusion&amp;prefv1=WHITE%7CBLUE&amp;prefv2=no_season&amp;prefv3=canvas%7CCANVAS&amp;prefv4=HK&amp;srule=default&amp;start=0&amp;sz=1" data-filtername="BY DEFAULT" data-action="updatePLP" data-qa="default" data-gafiltertype="sort" role="radio" aria-checked="false" id="radioButton1" rel="nofollow">
                            BY DEFAULT
                        </a>
                    </li>
                
                    <li class="c-filters__item c-filters__item--sort">
                        <a href="https://www.ysl.com/en-hk/shop-men/bags/shopping-bags?prefn1=akeneo_macroColor&amp;prefn2=akeneo_markDownInto&amp;prefn3=akeneo_materialFilter&amp;prefn4=countryInclusion&amp;prefv1=WHITE%7CBLUE&amp;prefv2=no_season&amp;prefv3=canvas%7CCANVAS&amp;prefv4=HK&amp;srule=PriceAscending&amp;start=0&amp;sz=1" data-filtername="ASCENDING PRICE" data-action="updatePLP" data-qa="PriceAscending" data-gafiltertype="sort" role="radio" aria-checked="false" id="radioButton2" rel="nofollow">
                            ASCENDING PRICE
                        </a>
                    </li>
                
            </ul>
        </div>
    </div>


                        <div class="c-filters__footer">
                            <div class="c-filters__action">
                                <a class="c-button c-button--outline c-filters__reset" rel="nofollow" href="/en-hk/searchajax?cgid=shopping-bag-men" data-action="updatePLP" data-ref="resetFilterMobile">
                                    RESET
                                </a>
                                <button type="button" class="c-button c-button--primary c-filters__apply" data-action="closeFiltersLayer">
                                    <span>SHOW 1 PRODUCT</span>
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            

                <div class="l-productgrid" id="product-search-results" data-component="productGrid" data-ref="productGrid" data-autoloadmore="true">
                    
                    <div data-component="backToTopSticky">
                        
                            
                            <div class="u-hidden" data-ref="gridBeginSentinel"></div>
                        
                        <ul class="l-productgrid__inner" itemtype="http://schema.org/SomeProducts" 
                            data-context="PLP"
                            data-ref="gridType" itemid="#product"
                            data-gridtype="PRIMARY"
                            data-mobilegrid="SECONDARY" data-gtmlistview="null">
                            
                            
    <li class="l-productgrid__item "
        
        data-index="1">
        <script type="text/javascript">//<!--
/* <![CDATA[ (viewCategoryProduct-active_data.js) */
(function(){
try {
	if (dw.ac) {
		var search_params = {};
		search_params.persd = 'false';
		search_params.refs = '[{\"name\":\"akeneo_macroColor\",\"value\":\"WHITE\"},{\"name\":\"akeneo_macroColor\",\"value\":\"BLUE\"},{\"name\":\"akeneo_markDownInto\",\"value\":\"no_season\"},{\"name\":\"akeneo_materialFilter\",\"value\":\"canvas\"},{\"name\":\"akeneo_materialFilter\",\"value\":\"CANVAS\"},{\"name\":\"countryInclusion\",\"value\":\"HK\"},{\"name\":\"Category\",\"value\":\"shopping-bag-men\"}]';
		search_params.sort = 'default';
		search_params.imageUUID = '';
		search_params.searchID = 'b263bc3c-83fa-48e6-be32-237d117879d1';
		search_params.locale = 'en_HK';
		search_params.queryLocale = 'en';
		search_params.showProducts = 'true';
		dw.ac.applyContext({category: "shopping-bag-men", searchData: search_params});
		if (typeof dw.ac._scheduleDataSubmission === "function") {
			dw.ac._scheduleDataSubmission();
		}
	}
} catch(err) {}
})();
/* ]]> */
// -->
</script>
<script type="text/javascript">//<!--
/* <![CDATA[ (viewProduct-active_data.js) */
dw.ac._capture({id: "676624FAAAZ9024", type: "searchhit"});
/* ]]> */
// -->
</script>
            
                
<article class="c-product" data-pid="676624FAAAZ9024" itemscope itemtype="http://schema.org/Product"
    data-component="productTile" data-gtmproduct="{&quot;id&quot;:&quot;676624FAAAZ9024&quot;,&quot;name&quot;:&quot;rive gauche bucket bag in linen&quot;,&quot;collection&quot;:&quot;F_W_2021/F_W_2022/S_S_2022&quot;,&quot;productSMC&quot;:&quot;676624FAAAZ9024&quot;,&quot;material&quot;:&quot;&quot;,&quot;packshotType&quot;:&quot;image&quot;,&quot;brand&quot;:&quot;saint laurent&quot;,&quot;color&quot;:&quot;white linen&quot;,&quot;colorId&quot;:&quot;9024&quot;,&quot;size&quot;:&quot;&quot;,&quot;price&quot;:null,&quot;discountPrice&quot;:11900,&quot;coupon&quot;:null,&quot;subCategory&quot;:&quot;tout-voir-homme-saint-laurent-by-rive-droite&quot;,&quot;category&quot;:&quot;homme-saint-laurent-by-rive-droite&quot;,&quot;topCategory&quot;:&quot;saint-laurent-by-rive-droite&quot;,&quot;productCategory&quot;:&quot;tout-voir-homme-saint-laurent-by-rive-droite&quot;,&quot;macroCategory&quot;:&quot;ysl_macro_men_luggage&quot;,&quot;microCategory&quot;:&quot;ysl_micro_men_messenger_and_crossbody&quot;,&quot;superMicroCategory&quot;:&quot;ysl_super_micro_men_messenger&quot;,&quot;list&quot;:&quot;&quot;,&quot;stock&quot;:&quot;instock&quot;}">
    

    <div class="c-product__inner" id="676624FAAAZ9024" data-pid="676624FAAAZ9024" tabindex="-1">
        
        
    <div class="c-product__imagecontainer" data-ref="imagecontainer">
        <div class="c-product__imagecontainerinner">
            <img class="c-product__image "
                
                width="307.0"
                height="500.0"
                src="https://saint-laurent.dam.kering.com/m/4206330fa98673bc/Thumbnail-676624FAAAZ9024_A.jpg?v=6"
                srcset="https://saint-laurent.dam.kering.com/m/4206330fa98673bc/Small_thumbnail-676624FAAAZ9024_A.jpg?v=6 153w,
                        https://saint-laurent.dam.kering.com/m/4206330fa98673bc/Thumbnail-676624FAAAZ9024_A.jpg?v=6 307w,
                        https://saint-laurent.dam.kering.com/m/4206330fa98673bc/Small-676624FAAAZ9024_A.jpg?v=6 460w,
                        https://saint-laurent.dam.kering.com/m/4206330fa98673bc/Medium-676624FAAAZ9024_A.jpg?v=6 613w,
                        https://saint-laurent.dam.kering.com/m/4206330fa98673bc/Large-676624FAAAZ9024_A.jpg?v=6 1227w"
                sizes="(min-width: 1760px) 381px, (min-width: 1440px) calc(25.67vw - 66px), (min-width: 1040px) calc(33.16vw - 136px), 33.47vw"
                alt="rive gauche bucket bag in linen" itemprop="image"
                
    data-alt-srcset="https://saint-laurent.dam.kering.com/m/1066838274e432e4/Small_thumbnail-676624FAAAZ9024_B.jpg?v=7 153w,
            https://saint-laurent.dam.kering.com/m/1066838274e432e4/Thumbnail-676624FAAAZ9024_B.jpg?v=7 307w,
            https://saint-laurent.dam.kering.com/m/1066838274e432e4/Small-676624FAAAZ9024_B.jpg?v=7 460w,
            https://saint-laurent.dam.kering.com/m/1066838274e432e4/Medium-676624FAAAZ9024_B.jpg?v=7 613w,
            https://saint-laurent.dam.kering.com/m/1066838274e432e4/Large-676624FAAAZ9024_B.jpg?v=7 1227w"
/>

            
        </div>
    </div>

        <div class="c-product__infos">
            <div class="c-product__nameswatches">
                
                <h2 class="c-product__name">rive gauche bucket bag in linen</h2>

                
                    <div class="c-product__swatches">
                        
    
                    </div>
                
            </div>
            <div class="c-product__priceavailability">
                
                
    <div class="c-product__price c-price" itemprop="offers" itemscope itemtype="http://schema.org/Offer">


<meta itemprop="priceCurrency" content="HKD" />
<p class="c-price__value--current" data-employee="false" itemprop="price"
    content="11900.00">
    HK$ 11,900


</p>

    
    </div>


            </div>
        </div>
        <a class="c-product__link c-product__focus" data-action="handlePLPProduct" data-ref="link" href="/en-hk/rive-gauche/rive-gauche-bucket-bag-in-linen-676624FAAAZ9024.html" itemprop="url" data-pid="676624FAAAZ9024">
            <span class="u-visually-hidden">rive gauche bucket bag in linen</span>
        </a>
    </div>
 
 
</article>
            
        
    </li>


                        </ul>
                        
                            <div class="sentinel c-loadmore__sentinel u-hidden" data-ref="gridEndSentinel"></div>
                        
                        <div class="c-backtotopsticky__wrapper">
                            <button class="c-backtotopsticky c-backtotopsticky--stuck" data-ref="button" data-action="toTop">
                                <span class="u-sronly">BACK TO TOP</span>
                            </button>
                        </div>
                    </div>
                    <div class="c-loadmore c-loadmoreauto c-loadmoreauto--next"
     data-component="loadMore"
     data-sort-options="{&quot;options&quot;:[{&quot;displayName&quot;:&quot;BY DEFAULT&quot;,&quot;id&quot;:&quot;default&quot;,&quot;url&quot;:&quot;https://www.ysl.com/en-hk/shop-men/bags/shopping-bags?prefn1=akeneo_macroColor&amp;prefn2=akeneo_markDownInto&amp;prefn3=akeneo_materialFilter&amp;prefn4=countryInclusion&amp;prefv1=WHITE%7CBLUE&amp;prefv2=no_season&amp;prefv3=canvas%7CCANVAS&amp;prefv4=HK&amp;srule=default&amp;start=0&amp;sz=1&quot;},{&quot;displayName&quot;:&quot;ASCENDING PRICE&quot;,&quot;id&quot;:&quot;PriceAscending&quot;,&quot;url&quot;:&quot;https://www.ysl.com/en-hk/shop-men/bags/shopping-bags?prefn1=akeneo_macroColor&amp;prefn2=akeneo_markDownInto&amp;prefn3=akeneo_materialFilter&amp;prefn4=countryInclusion&amp;prefv1=WHITE%7CBLUE&amp;prefv2=no_season&amp;prefv3=canvas%7CCANVAS&amp;prefv4=HK&amp;srule=PriceAscending&amp;start=0&amp;sz=1&quot;}],&quot;ruleId&quot;:&quot;default&quot;}"
     data-page-size="12.0"
     data-page-number="0"
>
    
        <div data-bind="loadMoreContent">
            <a class="c-loadmore__filters" data-action="updatePLP" href="/en-hk/searchajax?cgid=shopping-bag-men">
                CLEAR FILTERS
            </a>
        </div>
    
    
        <div data-bind="prevNextLinks">
            

        </div>
    
</div>

                </div>
            

        </div>
        
            <div class="c-popin c-popin--sizeguide c-sizeguide" data-component="sizeGuidePopin" role="dialog" data-popin="sizeGuidePopin" aria-label="SIZE GUIDE" aria-hidden="true">
    <div role="document">
        <div class="c-popin__head">
            
            <button type="button" data-ref="closePopinTrigger" data-element="closebtn"><span class="u-sronly">Close the dialog</span></button>
        </div>
        <div class="c-popin__content">
            <div class="c-popin__innercontent" data-bind="sizeGuidePopinContent">
                
            </div>
        </div>
    </div>
</div>
        
    </div>
</div>