• Hi guys,
    I’m very proud of my new e-commerce website:
    http://www.modatak.com
    The Template is designed and coded by me, using html5 and css3 and this is my first e-commerce and responsive website.
    The site is using this plugins:

    • wp e-commerce
    • Google Analytics for WordPress
    • WordPress SEO
    • WP Super Cache
    • Contact Form 7

    I think the result is simple and clean and people say the design is elegant and easy.

    Please, we need more feedback from professionals.
    Do you like the website? Do you have any question how I did it? What do you think?

Viewing 11 replies - 16 through 26 (of 26 total)
  • multimule

    (@multimule)

    I can resolve some translations issues for you (like: — Please Select –)

    Partes que no se traducen con el archivo .po:

    #:/wp-content/plugins/wp-e-commerce/wpsc-includes/product-template.php:line 412
    msgid ” from %s”
    msgstr “desde %s”
    $from_text = apply_filters( ‘wpsc_product_variation_text’, ‘from’ );
    Fijar las comillas de from que estan separadas

    #:/wp-content/plugins/wp-e-commerce/wpsc-includes/variations.class.php:line 47
    ‘name’ => __(‘Please select’, ‘wpsc’),
    Fijar ‘–Please Select–‘ y dejarlo en ‘Please select’ como aparece arriba

    #: wp-content/themes/nombre-del-tema/wpsc-cart_widget.php:line 40
    msgid “excluding shipping and tax”
    msgstr “excluyendo impuestos y envi­o”

    #:/wp-content/plugins/wp-e-commerce/wpsc-widgets/price_range_widget.php:line 129-131
    cambiar “‘>Over ” por “‘>Más de “
    cambiar “‘>Under ” por “‘>Menos de ”

    Your websites looks cool ! You have done a good job.

    Thread Starter Xavier Soler

    (@mediopirzel)

    Hi multimule,
    thank you for you snippets!!!
    I’m sorry but I can’t share de css theme yet.

    Converting the site into a responsive website was easy for me:

    /* Mini tablets and smaller*/
    @media only screen
    and (min-width : 240px)
    and (max-width : 480px) {
    	// SOME CSS
    }
    
    /* Iphone and smaller*/
    @media only screen
    and (min-width : 240px)
    and (max-width : 320px) {
    	// SOME CSS
    }

    This link is very useful for testing your site in different devices:
    quirktools.com/screenfly/
    This

    If you need some help you can contact me here:
    [contact link moderated – please keep the support within the forum]

    PD: Sí soy español, de Barcelona 🙂

    multimule

    (@multimule)

    Ey mediopirzel
    something was wrong with modatak contact form:
    Falló el envío de tu mensaje. Por favor inténta más tarde o contacta al administrador por otro medio.
    Is there someone another form to contact with you?
    I’m not sure where I must get in this piece of code
    Thanks in advance bro

    PD: Soy de Toledo y de mayor quiero hacer tiendas como tu ;P

    @mediopirzel nice site! I would be interested to see some of the code on how you did some of the wp-ecommerce pages. The mini cart is pretty slick! Great job!

    Thread Starter Xavier Soler

    (@mediopirzel)

    @multimule I did some test and the form is working for me. You can contact me on twitter, the link is a the top of the website.

    @bbbdj916, this is the idea of the mini-shopping cart:
    You can modify the design of the mini cart in “wpsc-cart_widget.php”

    Then, add this code on your header or sidebar:

    <a id="cart-button" class="cart checkout-tab shopping-cart-basket bluegradient" href="#shopping-cart"><strong>SHOPPING CART</strong></a> <!-- the button -->
    <div style="display:none"><div id="shopping-cart"><div class="shopping-cart-basket-icon"></div><?php echo nzshpcrt_shopping_basket(); ?></div></div><!-- the cart-->

    Finally, use fancybox for animating the cart:

    jQuery("a#cart-button").fancybox({
    		'hideOnContentClick': true,
    		'transitionIn'	:	'elastic',
    		'transitionOut'	:	'elastic',
    		'speedIn'		:	400,
    		'speedOut'		:	400,
    		'overlayShow'	:	false,
    		'padding'       :   0,
    		'centerOnScroll':   true
    	});

    @mediopirzel that is boss. Thanks for that code. I really appreciate it!

    @mediopirzel

    this is the idea of the mini-shopping cart:
    You can modify the design of the mini cart in “wpsc-cart_widget.php”

    Great ! Thanks for the code

    Thread Starter Xavier Soler

    (@mediopirzel)

    Hi people,
    I wrote an explanation in spanish about our shopping cart here:
    http://es.forums.ww.wp.xz.cn/topic/tak-nuestra-tienda-online-hecha-en-wordpress?replies=2

    And you can check this overlay effect here:
    http://www.modatak.com/productos/punto/chaqueta-de-punto-con-cremallera-y-rayas/
    First click the shopping cart button (top right blue button), then try to add a product in the shopping cart to see this effect.
    I hope this helps.

    I like the design – very trendy and modern look.

    @mediopirzel

    I have checked your website on small screens using the screenfly tool. There are some issues on mobile devices of Motorola and some other. Hope you check it.

    Thanks

Viewing 11 replies - 16 through 26 (of 26 total)

The topic ‘Responsive e-commerce site’ is closed to new replies.