{"id":1182336,"date":"2016-10-25T01:52:13","date_gmt":"2016-10-25T08:52:13","guid":{"rendered":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/add-to-card-goes-on-top-on-desktop-version-and-float-on-the-bottom-on-mobile\/"},"modified":"2016-10-25T01:54:14","modified_gmt":"2016-10-25T08:54:14","slug":"add-to-card-goes-on-top-on-desktop-version-and-float-on-the-bottom-on-mobile","status":"closed","type":"topic","link":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/add-to-card-goes-on-top-on-desktop-version-and-float-on-the-bottom-on-mobile\/","title":{"rendered":"&quot;Add to card&quot; goes on top on desktop version and float on the bottom on mobile"},"content":{"rendered":"<p>Hi, <\/p>\n<p>I have some new issues and I do not have a solution yet.<br \/>\nMy client (for <a href=\"http:\/\/acuarelacocktails.ro\/eveniment\/sympathy\/\">this website<\/a>) wants to <strong>change the order of the sections on the sidebar<\/strong>.<\/p>\n<p>He wants to be like in <a href=\"https:\/\/www.paintnite.com\/events\/1117040.html\">this webpage<\/a> or in here:<br \/>\n<img decoding=\"async\" src=\"https:\/\/s11.postimg.org\/4hyh73emr\/Capture03.jpg\" alt=\"Order Example\" \/><\/p>\n<p>So we will need this order:<br \/>\n1. Buy tickets\/ Add to cart first<br \/>\n2. Venue\/ Location<br \/>\n3. Event Host<br \/>\n4. It will be no other details, because we have them under main photo of the event.<br \/>\n<img decoding=\"async\" src=\"https:\/\/s3.postimg.org\/9ukn11r0j\/Capture01.jpg\" alt=\"Details under the main photo of the event\" \/><\/p>\n<p>The last thing it will be to have a <strong>floating Add to cart button<\/strong> as in the mobile version of the same page that can be seen always on the bottom of the page.<br \/>\n<img decoding=\"async\" src=\"https:\/\/s3.postimg.org\/iloayseer\/Capture02.jpg\" alt=\"Floating Add to cart button.\" \/><\/p>\n<p>I\u2019m using:<br \/>\nWordpress Version 4.6.1<br \/>\nPlugins:<br \/>\n\u2013 Woocommerce Version 2.6.6<br \/>\n\u2013 Event Tickets Plus Version 4.3.1<br \/>\n\u2013 Event Tickets Version  4.3.1.1<br \/>\n\u2013 The Events Calendar Version  4.3.1.1<br \/>\n&#8211; Jetpack de WordPress.com Version 4.3.2<\/p>\n<p>Theme:<br \/>\n\u2013 Avada- Version: 4.0.3<\/p>\n<p>Thanks!<\/p>\n","protected":false},"template":"","class_list":["post-1182336","topic","type-topic","status-closed","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>&quot;Add to card&quot; goes on top on desktop version and float on the bottom on mobile -<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/add-to-card-goes-on-top-on-desktop-version-and-float-on-the-bottom-on-mobile\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"&quot;Add to card&quot; goes on top on desktop version and float on the bottom on mobile -\" \/>\n<meta property=\"og:description\" content=\"Hi, I have some new issues and I do not have a solution yet. My client (for this website) wants to change the order of the sections on the sidebar. He wants to be like in this webpage or in here: So we will need this order: 1. Buy tickets\/ Add to cart first 2. [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/add-to-card-goes-on-top-on-desktop-version-and-float-on-the-bottom-on-mobile\/\" \/>\n<meta property=\"article:modified_time\" content=\"2016-10-25T08:54:14+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/s11.postimg.org\/4hyh73emr\/Capture03.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/add-to-card-goes-on-top-on-desktop-version-and-float-on-the-bottom-on-mobile\/\",\"url\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/add-to-card-goes-on-top-on-desktop-version-and-float-on-the-bottom-on-mobile\/\",\"name\":\"&quot;Add to card&quot; goes on top on desktop version and float on the bottom on mobile -\",\"isPartOf\":{\"@id\":\"https:\/\/theeventscalendar.com\/support\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/add-to-card-goes-on-top-on-desktop-version-and-float-on-the-bottom-on-mobile\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/add-to-card-goes-on-top-on-desktop-version-and-float-on-the-bottom-on-mobile\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/s11.postimg.org\/4hyh73emr\/Capture03.jpg\",\"datePublished\":\"2016-10-25T08:52:13+00:00\",\"dateModified\":\"2016-10-25T08:54:14+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/add-to-card-goes-on-top-on-desktop-version-and-float-on-the-bottom-on-mobile\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/add-to-card-goes-on-top-on-desktop-version-and-float-on-the-bottom-on-mobile\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/add-to-card-goes-on-top-on-desktop-version-and-float-on-the-bottom-on-mobile\/#primaryimage\",\"url\":\"https:\/\/s11.postimg.org\/4hyh73emr\/Capture03.jpg\",\"contentUrl\":\"https:\/\/s11.postimg.org\/4hyh73emr\/Capture03.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/add-to-card-goes-on-top-on-desktop-version-and-float-on-the-bottom-on-mobile\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/theeventscalendar.com\/support\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Topics\",\"item\":\"https:\/\/theeventscalendar.com\/support\/topics\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Ticket Products\",\"item\":\"https:\/\/theeventscalendar.com\/support\/forums\/forum\/event-tickets\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Event Tickets Plus\",\"item\":\"https:\/\/theeventscalendar.com\/support\/forums\/forum\/event-tickets\/event-tickets-plus\/\"},{\"@type\":\"ListItem\",\"position\":5,\"name\":\"&quot;Add to card&quot; goes on top on desktop version and float on the bottom on mobile\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/theeventscalendar.com\/support\/#website\",\"url\":\"https:\/\/theeventscalendar.com\/support\/\",\"name\":\"\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/theeventscalendar.com\/support\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"&quot;Add to card&quot; goes on top on desktop version and float on the bottom on mobile -","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/add-to-card-goes-on-top-on-desktop-version-and-float-on-the-bottom-on-mobile\/","og_locale":"en_US","og_type":"article","og_title":"&quot;Add to card&quot; goes on top on desktop version and float on the bottom on mobile -","og_description":"Hi, I have some new issues and I do not have a solution yet. My client (for this website) wants to change the order of the sections on the sidebar. He wants to be like in this webpage or in here: So we will need this order: 1. Buy tickets\/ Add to cart first 2. [&hellip;]","og_url":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/add-to-card-goes-on-top-on-desktop-version-and-float-on-the-bottom-on-mobile\/","article_modified_time":"2016-10-25T08:54:14+00:00","og_image":[{"url":"https:\/\/s11.postimg.org\/4hyh73emr\/Capture03.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/add-to-card-goes-on-top-on-desktop-version-and-float-on-the-bottom-on-mobile\/","url":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/add-to-card-goes-on-top-on-desktop-version-and-float-on-the-bottom-on-mobile\/","name":"&quot;Add to card&quot; goes on top on desktop version and float on the bottom on mobile -","isPartOf":{"@id":"https:\/\/theeventscalendar.com\/support\/#website"},"primaryImageOfPage":{"@id":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/add-to-card-goes-on-top-on-desktop-version-and-float-on-the-bottom-on-mobile\/#primaryimage"},"image":{"@id":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/add-to-card-goes-on-top-on-desktop-version-and-float-on-the-bottom-on-mobile\/#primaryimage"},"thumbnailUrl":"https:\/\/s11.postimg.org\/4hyh73emr\/Capture03.jpg","datePublished":"2016-10-25T08:52:13+00:00","dateModified":"2016-10-25T08:54:14+00:00","breadcrumb":{"@id":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/add-to-card-goes-on-top-on-desktop-version-and-float-on-the-bottom-on-mobile\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/theeventscalendar.com\/support\/forums\/topic\/add-to-card-goes-on-top-on-desktop-version-and-float-on-the-bottom-on-mobile\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/add-to-card-goes-on-top-on-desktop-version-and-float-on-the-bottom-on-mobile\/#primaryimage","url":"https:\/\/s11.postimg.org\/4hyh73emr\/Capture03.jpg","contentUrl":"https:\/\/s11.postimg.org\/4hyh73emr\/Capture03.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/add-to-card-goes-on-top-on-desktop-version-and-float-on-the-bottom-on-mobile\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/theeventscalendar.com\/support\/"},{"@type":"ListItem","position":2,"name":"Topics","item":"https:\/\/theeventscalendar.com\/support\/topics\/"},{"@type":"ListItem","position":3,"name":"Ticket Products","item":"https:\/\/theeventscalendar.com\/support\/forums\/forum\/event-tickets\/"},{"@type":"ListItem","position":4,"name":"Event Tickets Plus","item":"https:\/\/theeventscalendar.com\/support\/forums\/forum\/event-tickets\/event-tickets-plus\/"},{"@type":"ListItem","position":5,"name":"&quot;Add to card&quot; goes on top on desktop version and float on the bottom on mobile"}]},{"@type":"WebSite","@id":"https:\/\/theeventscalendar.com\/support\/#website","url":"https:\/\/theeventscalendar.com\/support\/","name":"","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/theeventscalendar.com\/support\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/topic\/1182336","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/topic"}],"about":[{"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/types\/topic"}],"version-history":[{"count":1,"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/topic\/1182336\/revisions"}],"predecessor-version":[{"id":1182337,"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/topic\/1182336\/revisions\/1182337"}],"wp:attachment":[{"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/media?parent=1182336"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}