Hi medienvirus!

Solche Anpassungen lassen sich leider nicht einfach vornehmen, da WooCommerce uns die Template vorgibt und wir diese nur minimal mittels hooks (actions und filters – siehe: http://docs.woothemes.com/document/hooks/ ) anpassen. Der Code hierzu findet sich in /wp-content/themes/enfold/config-woocommerce/config.php.

Entweder du versuchst die Templates in /wp-content/plugins/woocommerce/templates/single-product/ anzupassen oder du arbeitest ebenfalls mit Hooks um diese zu verändern. Ich würde zu letzter Lösung raten, da sich die WooCommerce Templates oft ändern (va nach Plugin Updates) und daher die Lösung mit den Hooks nachhaltiger ist. Ich würde den Arbeitsaufwand dabei auf etwas mehr als 1 Stunde schätzen…

Cheers!
Peter

Hi agarkitekter!

You could select the “Don’t show the images at all and display the preview text only” option: http://www.clipular.com/c/6453051829256192.png?k=5TIdSdjsRn87CQytVuQeUU4899A

By going this way Enfold will stretch the content area of the ajax preview to 100% width and you can use the new space to build your custom layout. I.e. use the columns shortcode and the “Easy Slider” shortcode to build the layout/template you requested in your post (different slideshow transition, etc.).

Cheers!
Peter

Hi!

The only way to change the separator with a child theme would be to overwrite the entire portfolio shortcode file. Crreate a “shortcodes” folder within the child theme directory, then copy the /wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/portfolio.php into the child theme “shortcodes” folder and modify the code based on Ismaels instructions (see last post). Then add following code into the child theme functions.php file

add_filter('avia_load_shortcodes', 'avia_include_shortcode_template', 15, 1);
function avia_include_shortcode_template($paths)
{
	$template_url = get_stylesheet_directory();
    	array_unshift($paths, $template_url.'/shortcodes/');

	return $paths;
}

It will make sure the the shortcode file of the child theme is loaded first and you can overwrite the parent theme files.

Best regards,
Peter

There are serveral ways to achieve this depending on your php skills.

Easy, but not that good idea is to copy all related files to the child so your modified iconbox.php will be loaded. You need to traverse this back to the file, where the shortcode is executed. In case of Enfold (individual framework) I wouldn’t recommend that.

Easiest way is simply modifying the original files and track the changes (file, linenumber, etc.). So it’s quite fast to readd the changes in a new version of the theme.

If you’re familiar with oop, you can write your own code straight into functions.php. In this specific case you should extend the avia_sc_icon_box class overwriting/redefining the shortcode_handler function. Be aware of the ShortcodeHelper reference (removing the wpautop).

And finally, if you’re familiar with jQuery, go this way. :) Create your own custom.js, append it to the footer, read out the href of each iconbox element and wrap whatever you like to have a link on.

It fixed the problem initially but then it appeared to regress again. After some further investigation it appears that the setting for .woocommerce-account dt{width:30px; display:block; font-weight: bold;} in wp-content/themes/enfold/config-woocommerce/woocommerce-mod.css is limiting the width of the element to 30px.

I updated the CSS you supplied to the following to resolve it:
.customer_details dt { margin-right: 10px;
width: inherit;}

Neil