databasedesign
When I create a simple product, I go to the Design tab and check "Product Info Column" in the "Display Product Options In" dropdown for each product I add. How can I make it that Magento defaults to "Product Info Column" instead of the other option?
I've already went to the database and changed the "options_container" row to the default value of "container1" in the "eav_attribute" table. The odd part is that it was already set to "container1" and it still doesn't work.
The template used for the custom options is catalog/product/view/options.phtml
You can clone that template into your theme and change the last lines byt adding some markup around them.
So
<?php foreach($_options as $_option): ?>
<?php echo $this->getOptionHtml($_option) ?>
<?php endforeach; ?>
can become something like this (I'm not that good at css):
<?php $index = 0;?>
<?php foreach($_options as $_option): ?>
<?php $index++;?>
<div class="custom-option<?php echo ($index % 4 == 0) ? ' last':''?>">
<?php echo $this->getOptionHtml($_option) ?>
</div>
<?php endforeach; ?>
This will wrap every option in a div with class custom-option and every other 4th div will have the class last.
Then you can do your magic in css making the elements with this class float:left and maybe add a margin or a padding. And you can have special styles for each 4th element.
We should take a look at: vendor/magento/module-catalog/view/frontend/layout/catalog_product_view.xml line 103 ~ 118
<block class="Magento\Catalog\Block\Product\View\Description" name="product.info.details" template="product/view/details.phtml" after="product.info.media">
<block class="Magento\Catalog\Block\Product\View\Description" name="product.info.description" template="product/view/attribute.phtml" group="detailed_info">
......
</block>
All tabs are inside the product.info.details element and belong to group detailed_info. The add-to-cart element belongs to product_options_wrapper_bottom element. We need to rearrange these elements. To do this, add the extending catalog_product_view.xml in the app/design/frontend/{Vendor Theme}/{Theme Name}/Magento_Catalog/layout/ directory:
#app/design/frontend/{Vendor Theme}/{Theme Name}/Magento_Catalog/layout/catalog_product_view.xml
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
layout="2columns-left" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
<body>
<move element="product.info.details" destination="product.info.main" after="product_options_wrapper_bottom"/>
</body>
</page>
Here is the result:
You can read more here: http://devdocs.magento.com/guides/v2.0/frontend-dev-guide/layouts/xml-manage.html#layout_markup_rearrange
Best Answer
It's only in the database:
UPDATE eav_attribute SET default_value = 'container1' WHERE attribute_code = 'options_container';I tested it and it's working fine. So if you changed it in the database - please flush the cache.