Cart Button Box

Cart Button Box limited

  • webshop
<form name="sAddToBasket" method="post" action="http://localhost:8080/checkout/addArticle" class="basketform" data-add-article="true" data-eventname="submit" data-showmodal="false" data-addarticleurl="http://localhost:8080/checkout/ajaxAddArticleCart" data-displaymode="offcanvas"> <div id="detailCartButton" class="cart-button-box "> <div class="form-input-quantity mrx"> <button class="btn iconButton iconButton--type-b button-count-down count-down-js"> <svg class="icon" viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#minus-circle"></use> </svg> <span class="title"> <!-- --> </span> </button> <input type="text" class="form-control count-js" id="exampleInput" placeholder="0" value="1"> <button class="btn iconButton iconButton--type-b button-count-up count-up-js"> <svg class="icon" viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#plus-circle"></use> </svg> <span class="title"> <!-- --> </span> </button> </div> <a class="btn btn-primary buybox-button"> Anfragen </a> </div> </form>

cart-button pattern

  • webshop
<form name="sAddToBasket" method="post" action="http://localhost:8080/checkout/addArticle" class="basketform" data-add-article="true" data-eventname="submit" data-showmodal="false" data-addarticleurl="http://localhost:8080/checkout/ajaxAddArticleCart" data-displaymode="offcanvas"> <div id="detailCartButton" class="cart-button-box "> <div class="form-input-quantity mrx"> <button class="btn iconButton iconButton--type-b button-count-down count-down-js"> <svg class="icon" viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#minus-circle"></use> </svg> <span class="title"> <!-- --> </span> </button> <input type="text" class="form-control count-js" id="exampleInput" placeholder="0" value="1"> <button class="btn iconButton iconButton--type-b button-count-up count-up-js"> <svg class="icon" viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#plus-circle"></use> </svg> <span class="title"> <!-- --> </span> </button> </div> <a class="btn iconButton iconButton--type-a buybox-button"> <svg class="icon" viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#cart"></use> </svg> <span class="title"> <!-- --> </span> </a> </div> </form>