Shop Box Boutique - Premium Items

Premium

Review Cart

PREMIUM ITEMS

Whatever the occasion, we've got it covered!

<div class="responsive premiumItem #premium_category#" price="#Premium_Price#" style="position:relative;vertical-align:top;width:400px;height:544px;background-color:white;font-size:16px;margin:10px;padding:10px;border:1px solid #999999;">
            <img id="img1_#Premium_ID#" src="design/loading.gif" class="loadsrc" loadsrc="#Premium_Image#" loadstep="1" style="width:400px;height:400px;cursor:pointer;" onclick="popsrcs(this)" />
            <div id="divPremium#Premium_ID#" class="premium" style="position:absolute;bottom:10px;left:10px;width:390px;height:28px;padding:5px;margin-top:5px;">
                <script language="javascript">boxSelectionHtml(#Premium_ID#,"#Premium_Boxes#", #Premium_In_Stock#)</script>
            </div>
            <div id="divPremiumSelected#Premium_ID#" class="premiumSelected" style="position:absolute;bottom:10px;left:10px;width:390px;height:28px;display:none;background-color:#000000;text-align:center;padding:5px;margin-top:5px;color:#ffffff;">
                <div style="padding-top:5px;">SELECTED</div>
            </div>
            <div style="text-align:left;font-size:12px;padding:5px;">
                <b>#Premium_Title#</b><br />
                #Premium_Short#<br /><br />
                <div style="text-align:center;border-top:1px solid #aaaaaa;padding-top:5px;">#sale#€#Premium_Price#</div>
            </div>
            <div id="item#Premium_ID#_image1" class="mfp-hide bigClose" style="background-color:#fff;padding:70px;padding-bottom:50px;">
                <img src="" class="popsrc" popsrc="#Premium_Image1#" style="display:inline-block;width:500px;height:500px;margin-right:20px;margin-bottom:20px;" />
                <div style="display:inline-block;min-width:500px;width:50%;margin-bottom:20px;font-size:14px;vertical-align:top;">
                    1 / #image_count#
                    <div style="text-align:center;padding:15px;border-bottom:1px solid #aaaaaa;">
                        <b>#Premium_Title#</b>
                    </div>
                    <div style="text-align:center;padding:15px;">
                        #Premium_Short#<br /><br />
                        #Premium_Long#
                    </div>
                    <div style="text-align:center;padding:15px;border-bottom:1px solid #aaaaaa;">
                        <b>Includes</b>
                    </div>
                    <div style="text-align:center;padding:15px;border-bottom:1px solid #aaaaaa;">
                        #Premium_Includes#
                    </div>
                    <div style="text-align:center;padding:15px;font-size:24px;">
                        #sale#€#Premium_Price#
                    </div>
                </div>
            </div>
            <div id="item#Premium_ID#_image2" class="mfp-hide bigClose" style="background-color:#fff;padding:70px;padding-bottom:50px;">
                <img src="" class="popsrc" popsrc="#Premium_Image2#" style="display:inline-block;width:500px;height:500px;margin-right:20px;margin-bottom:20px;" />
                <div style="display:inline-block;min-width:500px;width:50%;margin-bottom:20px;font-size:14px;vertical-align:top;">
                    2 / #image_count#
                    <div style="text-align:center;padding:15px;border-bottom:1px solid #aaaaaa;">
                        <b>#Premium_Title#</b>
                    </div>
                    <div style="text-align:center;padding:15px;">
                        #Premium_Short#<br /><br />
                        #Premium_Long#
                    </div>
                    <div style="text-align:center;padding:15px;border-bottom:1px solid #aaaaaa;">
                        <b>Includes</b>
                    </div>
                    <div style="text-align:center;padding:15px;border-bottom:1px solid #aaaaaa;">
                        #Premium_Includes#
                    </div>
                    <div style="text-align:center;padding:15px;font-size:24px;">
                        #sale#€#Premium_Price#
                    </div>
                </div>
            </div>
            <div id="item#Premium_ID#_image3" class="mfp-hide bigClose" style="background-color:#fff;padding:70px;padding-bottom:50px;">
                <img src="" class="popsrc" popsrc="#Premium_Image3#" style="display:inline-block;width:500px;height:500px;margin-right:20px;margin-bottom:20px;" />
                <div style="display:inline-block;min-width:500px;width:50%;margin-bottom:20px;font-size:14px;vertical-align:top;">
                    3 / #image_count#
                    <div style="text-align:center;padding:15px;border-bottom:1px solid #aaaaaa;">
                        <b>#Premium_Title#</b>
                    </div>
                    <div style="text-align:center;padding:15px;">
                        #Premium_Short#<br /><br />
                        #Premium_Long#
                    </div>
                    <div style="text-align:center;padding:15px;border-bottom:1px solid #aaaaaa;">
                        <b>Includes</b>
                    </div>
                    <div style="text-align:center;padding:15px;border-bottom:1px solid #aaaaaa;">
                        #Premium_Includes#
                    </div>
                    <div style="text-align:center;padding:15px;font-size:24px;">
                        #sale#€#Premium_Price#
                    </div>
                </div>
            </div>
            <div id="item#Premium_ID#_image4" class="mfp-hide bigClose" style="background-color:#fff;padding:70px;padding-bottom:50px;">
                <img src="" class="popsrc" popsrc="#Premium_Image4#" style="display:inline-block;width:500px;height:500px;margin-right:20px;margin-bottom:20px;" />
                <div style="display:inline-block;min-width:500px;width:50%;margin-bottom:20px;font-size:14px;vertical-align:top;">
                    4 / #image_count#
                    <div style="text-align:center;padding:15px;border-bottom:1px solid #aaaaaa;">
                        <b>#Premium_Title#</b>
                    </div>
                    <div style="text-align:center;padding:15px;">
                        #Premium_Short#<br /><br />
                        #Premium_Long#
                    </div>
                    <div style="text-align:center;padding:15px;border-bottom:1px solid #aaaaaa;">
                        <b>Includes</b>
                    </div>
                    <div style="text-align:center;padding:15px;border-bottom:1px solid #aaaaaa;">
                        #Premium_Includes#
                    </div>
                    <div style="text-align:center;padding:15px;font-size:24px;">
                        #sale#€#Premium_Price#
                    </div>
                </div>
            </div>
            <div id="item#Premium_ID#_image5" class="mfp-hide bigClose" style="background-color:#fff;padding:70px;padding-bottom:50px;">
                <img src="" class="popsrc" popsrc="#Premium_Image5#" style="display:inline-block;width:500px;height:500px;margin-right:20px;margin-bottom:20px;" />
                <div style="display:inline-block;min-width:500px;width:50%;margin-bottom:20px;font-size:14px;vertical-align:top;">
                    5 / #image_count#
                    <div style="text-align:center;padding:15px;border-bottom:1px solid #aaaaaa;">
                        <b>#Premium_Title#</b>
                    </div>
                    <div style="text-align:center;padding:15px;">
                        #Premium_Short#<br /><br />
                        #Premium_Long#
                    </div>
                    <div style="text-align:center;padding:15px;border-bottom:1px solid #aaaaaa;">
                        <b>Includes</b>
                    </div>
                    <div style="text-align:center;padding:15px;border-bottom:1px solid #aaaaaa;">
                        #Premium_Includes#
                    </div>
                    <div style="text-align:center;padding:15px;font-size:24px;">
                        #sale#€#Premium_Price#
                    </div>
                </div>
            </div>
            <div id="item#Premium_ID#_image6" class="mfp-hide bigClose" style="background-color:#fff;padding:70px;padding-bottom:50px;">
                <img src="" class="popsrc" popsrc="#Premium_Image6#" style="display:inline-block;width:500px;height:500px;margin-right:20px;margin-bottom:20px;" />
                <div style="display:inline-block;min-width:500px;width:50%;margin-bottom:20px;font-size:14px;vertical-align:top;">
                    6 / #image_count#
                    <div style="text-align:center;padding:15px;border-bottom:1px solid #aaaaaa;">
                        <b>#Premium_Title#</b>
                    </div>
                    <div style="text-align:center;padding:15px;">
                        #Premium_Short#<br /><br />
                        #Premium_Long#
                    </div>
                    <div style="text-align:center;padding:15px;border-bottom:1px solid #aaaaaa;">
                        <b>Includes</b>
                    </div>
                    <div style="text-align:center;padding:15px;border-bottom:1px solid #aaaaaa;">
                        #Premium_Includes#
                    </div>
                    <div style="text-align:center;padding:15px;font-size:24px;">
                        #sale#€#Premium_Price#
                    </div>
                </div>
            </div>
            <script language="javascript">
                $('#img1_#Premium_ID#').magnificPopup({
                    items: getGalleryItems(#Premium_ID#, "#Premium_Image1#", "#Premium_Image2#", "#Premium_Image3#", "#Premium_Image4#", "#Premium_Image5#", "#Premium_Image6#"),
                    gallery: { enabled: true },
                    type: 'image'
                });
            </script>
        </div>