Start a conversation

Show product options & add cart button on mobile

If you prefer a more classic website, reduce the purchase step for your clients. You will want to show the product options and add cart button in a normal way. You can try this way, add the below CSS to your Footer Script (Admin panel > Storefront > Footer Script)

<style>
@media (max-width: 800px) {
   .productView-options-content, .productView-options .form-action, .productView-options-panel-body {
      position: static;
      opacity: 1;
   }
   .productView-options-panel-body {
      padding-bottom: 0;
   }
   .productView-options-toggle, .productView-options-summary, .productView-options-panel-heading~.mobile-panel-close {
       display: none;
   }
   .productView-details {
      order: 2;
   }
   .productView-options {
      order: 3;
   }
}
</style>
Choose files or drag and drop files
Was this article helpful?
Yes
No
  1. Papathemes

  2. Posted
  3. Updated

Comments